解决Vue 浏览器后退无法触发beforeRouteLeave的问题
现象
加载第一个组件(这里的第一个意思是浏览器历史记录的第一个,后文称为待监听组件)时,正常跳转其他页面可以触发beforeRouteLeave。但是按浏览器的后退按钮监听不到该事件。
解决方案
目前采用比较土且不实用的解决方案。加一层组件,再router.push到待监听组件,使得待监听组件非第一个组件,可以正常监听beforeRouteLeave事件。
注意点:
由于打乱了原来的路由。需要在main.js中添加全局的路由监听
router.beforeEach((to,from,next)=>{ if(tois'用于跳转的组件'&&fromis'待监听组件'){ router.go(-1) next(false) }else{ next() } //这样当从一个普通页面A进入待监听组件时,在待监听组件中按返回键时能正常进入A })
总结
以上所述是小编给大家介绍的解决Vue浏览器后退无法触发beforeRouteLeave的问题,希望对大家有所帮助!