vue浏览器返回监听
Posted jiangweichao
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue浏览器返回监听相关的知识,希望对你有一定的参考价值。
具体步骤如下:
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浏览器返回监听的主要内容,如果未能解决你的问题,请参考以下文章
hbuilder+vue单页应用打包成APP后退按钮返回上一页的问题