移动端当用户使用默认返回按钮的时候,或左滑,或点击返回键
这时候需要监听返回按钮
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里面
methods:{
goBack(){
this.$router.replace({path: '/'});
//replace替换原路由,作用是避免回退死循环
}
}