vue点击浏览器的返回按钮失效_解决Vue 浏览器后退无法触发beforeRouteLeave的问题...

现象

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

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

注意点：

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

{

if (to is '用于跳转的组件' && from is '待监听组件') {

router.go(-1)

next(false)

} else {

next()

}

// 这样当从一个普通页面A进入待监听组件时，在待监听组件中按返回键时能正常进入A

})

总结

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

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

如您喜欢交流学习经验，点击链接加入交流1群：1065694478(已满)交流2群：163560250