解决Vue 浏览器后退无法触发beforeRouteLeave的问题
发布时间：2020-12-17 02:39:45 所属栏目：百科 来源：网络整理
导读：现象 加载第一个组件（这里的第一个意思是浏览器历史记录的第一个，后文称为 待监听组件 ）时，正常跳转其他页面可以触发beforeRouteLeave。 但是 按浏览器的后退按钮监听不到该事件。 解决方案 目前采用比较土且不实用的解决方案。加一层组件，再router.pus
现象加载第一个组件（这里的第一个意思是浏览器历史记录的第一个，后文称为 待监听组件 ）时，正常跳转其他页面可以触发beforeRouteLeave。 但是 按浏览器的后退按钮监听不到该事件。 解决方案目前采用比较土且不实用的解决方案。加一层组件，再router.push到 待监听组件 ，使得 待监听组件 非第一个组件，可以正常监听beforeRouteLeave事件。 注意点：由于打乱了原来的路由。需要在main.js中添加全局的路由监听 {
if (to is '用于跳转的组件' && from is '待监听组件') {
router.go(-1)
next(false)
} else {
next()
}
// 这样当从一个普通页面A进入待监听组件时，在待监听组件中按返回键时能正常进入A
})
总结以上所述是小编给大家介绍的解决Vue 浏览器后退无法触发beforeRouteLeave的问题，希望对大家有所帮助！ （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |