history.pushState

最新推荐文章于 2024-06-28 17:19:49 发布

zeroyulong

最新推荐文章于 2024-06-28 17:19:49 发布

阅读量715

点赞数

分类专栏： js 文章标签： push.state

本文链接：https://blog.youkuaiyun.com/zeroyulong/article/details/103603767

版权

js 专栏收录该内容

41 篇文章

订阅专栏

本文详细介绍了在Vue中如何使用history.pushState方法配合监听popstate事件实现路由切换的监听及回退功能，通过代码示例展示了如何在组件挂载和销毁时正确地添加和清除事件监听器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mounted(){
      if (window.history && window.history.pushState) {
        // @ts-ignore
        history.pushState(null, null, document.URL);
        window.addEventListener('popstate', this.goBack, false);
      }
}

methods:{
    goBack(){
        console.log('支持');
        this.$router.replace({path: '/'});
        //replace替换原路由，作用是避免回退死循环
      }
}

destroyed() {
    // 清除监听
    window.removeEventListener('popstate', this.goBack, false);
}