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)
}
}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容