vue 项目中 如何动态监听浏览器以及iOS手机微信自带的返回按钮的事件

  • Z时代
  • 2024-01-10
  • 分类：综合

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);
},

}

 

以上是 vue 项目中 如何动态监听浏览器以及iOS手机微信自带的返回按钮的事件 的全部内容， 来源链接： utcz.com/z/378279.html

回到顶部