vue下监听微信内置浏览器回退事件并关闭当前页面

0

监听浏览器回退事件

在Vue mounted周期中监听事件

mounted(){
  if (window.history && window.history.pushState) {
      history.pushState(null, null, document.URL);
      window.addEventListener('popstate', this.goBack, false);
  }
},

执行自定义方法(关闭当前页面)

index.html中引入微信 JS-SDK

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

然后在methods里编辑自定义的goBack方法。

methods:{
  goBack(){
      wx.closeWindow()
  }
}

页面卸载是取消监听事件(防止阻碍其他页面)

destroyed(){
  window.removeEventListener('popstate', this.goBack, false);
},