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

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

beforeRouteLeave (to, from, next) {
        console.log('离开路路由')
       if(to.fullPath==='/home'){
         next();
       }else{
         next('/home')
       }

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

// 下面的写法会死循环
     beforeRouteLeave (to, from, next) {
        console.log('离开路路由')
       next('/home')
}
我不太明白为何会死循环,我在home页面也没有写任何钩子函数来跳到result页面啊,我也没有写全局的beforeEach钩子函数。
上面第一段代码是可用的,本身瞎摸索出来的,可是不是很明白为何要加那个判断?后来通过查阅资料得知vue-router的next()方法无参和有参时是不同的如今,算是大体理解了,当执行钩子函数时若是遇到next('/home')等时会中断当前导航,好比当前导航是去/a,那么遇到next('/home')后就会把to.path改成/home,而后会从新触发这个离开的钩子,注意:此时会从新触发执行这个钩子,而不是在这个钩子函数继续执行的,以前是一直没理解这里,觉得是执行next('/home')后就会直接跳到home页面呢,当从新触发后就会继续执行next('/home')因此会一直循环。至于解决办法就是判断下,若是已是/home了就next()。
相关文章
相关标签/搜索