vue 项目中 如何动态监听浏览器以及iOS手机微信自带的返回按钮的事件
vue搭建的页面中,左上角的返回按钮,我自己定义了返回的了路径,可是当运行时,就会发现,苹果手机的下方会有自带的返回按钮(安卓手机没有),那么这个按钮的返回事件该如何设置呢?一般情况下,微信自带的返回按钮都是返回上一个路径,可是当我的页面时用户扫码进入的,没有上一条路径,所以点击下面的返回按钮,就会一直刷新当前页,现在的需求是,当用户扫码进入的时候,点击返回时,让他返回到商铺的主页面,左上角的..
·
vue搭建的页面中,左上角的返回按钮,我自己定义了返回的了路径,可是当运行时,就会发现,苹果手机的下方会有自带的返回按钮(安卓手机没有),那么这个按钮的返回事件该如何设置呢?
一般情况下,微信自带的返回按钮都是返回上一个路径,可是当我的页面时用户扫码进入的,没有上一条路径,所以点击下面的返回按钮,就会一直刷新当前页,现在的需求是,当用户扫码进入的时候,点击返回时,让他返回到商铺的主页面,左上角的返回按钮已经设置好,下方的返回设置的前提是,不能影响左上角的返回事件。
mounted() { //判断用户有没有store_id来确定用户是否是扫码进入 if (this.store_Id) { this.back(); }
},
methods: { 监听微信自带的返回按钮 //写入空白的历史记录
pushHistory() { //写入空白历史路径 let state = { title: 'title', url: "#" } window.history.pushState(state, state.title, state.url) }, back() { this.pushHistory(); window.addEventListener("popstate", function (e) { location.href = (此处为要跳转的制定路径) }, false); },
}
更多推荐
已为社区贡献4条内容
所有评论(0)