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


}

 

 

 
Logo

前往低代码交流专区

更多推荐