vue监听移动设备的返回事件

在公共方法文件common.js中实现一个存储当前历史记录的方法

common.js

// 存储当前历史记录点,实现控制手机物理返回键的按钮事件
var pushHistory = function () {
  let state = {
    title: '',
    url: ''
  }
  window.history.pushState(state, state.title, state.url)
}

 

vue页面

 mounted () {
    pushHistory()
    // 监听历史记录点, 添加返回事件监听
    window.onpopstate = () => {
      // 输入要返回的上一级路由地址
      this.$router.push({name: 'OrdersList'})
    }
  },

 

这个在android中没有问题，但是在苹果手机中的safari浏览不行。。。

先留个坑，以后再研究，折腾了半天，没有找到原因。

 

 

 

https://www.jianshu.com/p/18184bb699f5

https://blog.csdn.net/qq_40650146/article/details/85236411