VUE中监听浏览器返回
2020-01-16 本文已影响0人
90后徐先生
因为我的项目不是嵌套在APP中的,所以出现了在APP中浏览器默认带前后返回键的情况。 所以在App.vue中添加了这个方法后,生效
mounted () {
if (window.history && window.history.pushState) {
// 向历史记录中插入了当前页
history.pushState(null, null, document.URL);
window.addEventListener('popstate', this.goBack, false);
}
},
destroyed () {
window.removeEventListener('popstate', this.goBack, false);
},
methods: {
goBack () {
// console.log("点击了浏览器的返回按钮");
history.pushState(null, null, document.URL);
},
}
其余相关资料 https://blog.csdn.net/qq_32462903/article/details/90084887