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

上一篇下一篇

猜你喜欢

热点阅读