vue实现监测浏览器自带返回按钮

// 挂载完成后,判断浏览器是否支持popstate
mounted(){
if(window.history && window.history.pushState){
// 往历史记录里面添加一条新的当前页面的url
history.pushState(null,null,document.URL);
// 给 popstate 绑定一个方法 监听页面刷新
window.addEventListener('popstate', this.backChange, false);
}
},

// 页面销毁时,取消监听。否则其他vue路由页面也会被监听
destroyed(){
window.removeListener('popstate', this.backChange,false)
},

methods: {
// 将监听操作写在methods里面,removeEventListener取消监听内容必须跟开启监听保持一致
backChange(){
this.$emit('change',false)
}
}

你可能感兴趣的:(vue实现监测浏览器自带返回按钮)