微信公众号开发之监听返回事件

项目中经常会遇到，用户填写表单之类的内容，填了一部分之后，可能会返回上一页，此时需要给用户一个提示，这就需要监听微信浏览器的返回事件，直接上代码

mounted () {
    if (window.history && window.history.pushState) {
      history.pushState(null, null, document.URL)
      window.addEventListener('popstate', this.backChange, false) // false阻止默认事件
    }
  },
  destroyed () {
    window.removeEventListener('popstate', this.backChange, false) // false阻止默认事件
},

methods: {
   // 监听微信返回按钮
   backChange () {
     // const that = this
     console.log('监听到了')
     if (localStorage.getItem('reason')) {
       history.pushState(null, null, document.URL)
       // 这里是如果用户填写信息，自定义弹框显示，提示用户
       this.leaveDialog = true
     }
   },
}

• 本文作者： Gladysdrea
• 本文链接： https://gladysdrea.github.io/blogs/2021/01/07/WeChat/公众号/微信公众号开发之监听返回事件/
• 版权声明： 本博客所有文章除特别声明外，均采用 MIT 许可协议。转载请注明出处！