解决Vue 浏览器后退无法触发beforeRouteLeave的问题

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了解决Vue 浏览器后退无法触发beforeRouteLeave的问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含693字，纯文字阅读大概需要1分钟。

内容图文

现象

加载第一个组件（这里的第一个意思是浏览器历史记录的第一个，后文称为 待监听组件 ）时，正常跳转其他页面可以触发beforeRouteLeave。 但是 按浏览器的后退按钮监听不到该事件。

解决方案

目前采用比较土且不实用的解决方案。加一层组件，再router.push到 待监听组件 ，使得 待监听组件 非第一个组件，可以正常监听beforeRouteLeave事件。

注意点：

由于打乱了原来的路由。需要在main.js中添加全局的路由监听

router.beforeEach((to, from, next) => {
 if (to is '用于跳转的组件' && from is '待监听组件') {
  router.go(-1) 
  next(false)
 } else {
  next()
 }
 // 这样当从一个普通页面A进入待监听组件时，在待监听组件中按返回键时能正常进入A
})

总结

以上所述是小编给大家介绍的解决Vue 浏览器后退无法触发beforeRouteLeave的问题，希望对大家有所帮助！

内容总结

以上是互联网集市为您收集整理的解决Vue 浏览器后退无法触发beforeRouteLeave的问题全部内容，希望文章能够帮你解决解决Vue 浏览器后退无法触发beforeRouteLeave的问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---