码迷,mamicode.com
首页 > 其他好文 > 详细

vue浏览器返回监听

时间:2018-11-30 15:45:12      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:nbsp   roo   col   完成   挂载   监听   mob   pat   浏览器   

具体步骤如下:

1、挂载完成后,判断浏览器是否支持popstate

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

2、页面销毁时,取消监听。否则其他vue路由页面也会被监听

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

3、将监听操作写在methods里面,removeEventListener取消监听内容必须跟开启监听保持一致,所以函数拿到methods里面写

methods:{
  goBack(){
    //replace替换原路由,作用是避免回退死循环
    this.$router.replace({path: ‘/mobileMtRoomList‘});
  }
}

 

vue浏览器返回监听

标签:nbsp   roo   col   完成   挂载   监听   mob   pat   浏览器   

原文地址:https://www.cnblogs.com/jiangweichao/p/10043951.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!