H5监听路由

最新推荐文章于 2024-10-18 14:14:46 发布

LILEILEILOVE

最新推荐文章于 2024-10-18 14:14:46 发布

阅读量466

点赞数

分类专栏： 11 文章标签： vue.js

本文链接：https://blog.csdn.net/LILEILEILOVE/article/details/117294420

版权

11 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个Vue.js应用中通过监听'popstate'事件来实现在用户浏览器历史回退时触发自定义路由的方法。在`created()`钩子中启动监听，并在`beforeRouteLeave()`中移除监听。当回退时，使用`this.$router.push()`将用户重定向到特定页面，确保了路由的可控性。

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

通过监听路由来实现路由的固定回退

created(){
this.listenerBack()
}
methods(){
listenerBack(){
window.addEventListener('popstate',this.back,false)
},
beforeRouteLeave(to,from,next){
window.removeEventListener('popstate',this.back,false)
next()
}
back(){
this.$router.push({
name:''
})
}
}