vue-router使用next()跳转到指定路径时会无限循环

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue-router使用next()跳转到指定路径时会无限循环，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含770字，纯文字阅读大概需要2分钟。

内容图文

我在路由为 /path 的页面这样写

                1
                beforeRouteLeave (to, from, next) {

                2         console.log(‘离开路路由‘)
3if(to.fullPath===‘/home‘){
4         next();
5        }else{
6          next(‘/home‘)
7        }

View Code

这个是组件路由，我想实现的效果是在这个页面点击浏览器的返回按钮后要返回 /home页面而不是上一个页面，上面的代码是没问题的，而我之前的写法就一直死循环

// 下面的写法会死循环
     beforeRouteLeave (to, from, next) {
        console.log(‘离开路路由‘)
       next(‘/home‘)
}

问题及疑问：

         1.我不太明白为什么会死循环，我在home页面也没有写任何钩子函数来跳到result页面啊，我也没有写全局的beforeEach钩子函数。
 2.上面第一段代码是可用的，自己瞎摸索出来的，但是不是很明白为什么要加那个判断？
    

解决思路：

当执行钩子函数时如果遇到next(‘/home‘)等时会中断当前导航，比如当前导航是去/a,那么遇到next(‘/home‘)后就会把to.path改为/home，
然后会重新触发这个离开的钩子，注意：此时会重新触发执行这个钩子，而不是在这个钩子函数继续执行的，之前是一直没理解这里，
以为是执行next(‘/home‘)后就会直接跳到home页面呢，当重新触发后就会继续执行next(‘/home‘)所以会一直循环。
至于解决办法就是判断下，如果已经是/home了就next()。

原文：https://www.cnblogs.com/mengtaoadmin/p/11188386.html

内容总结

以上是互联网集市为您收集整理的vue-router使用next()跳转到指定路径时会无限循环全部内容，希望文章能够帮你解决vue-router使用next()跳转到指定路径时会无限循环所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

---