微信小程序新功能_解决Vue 浏览器后退无法触发

摘要: 处理Vue 访问器倒退没法开启beforeRouteLeave的难题 文章投稿:mrr 本文关键详细介绍掌握决Vue 访问器倒退没法开启beforeRouteLeave的难题,必须的朋友能够参照下状况载入第一个部件(这儿...

解决Vue 浏览器后退无法触发beforeRouteLeave的问题     投稿:mrr   这篇文章主要介绍了解决Vue 浏览器后退无法触发beforeRouteLeave的问题,需要的朋友可以参考下

现象

加载第一个组件(这里的第一个意思是浏览器历史记录的第一个,后文称为 待监听组件 )时,正常跳转其他页面可以触发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的问题,希望对大家有所帮助!




联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503