zoukankan      html  css  js  c++  java
  • vue-router使用next()跳转到指定路径时会无限循环

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

    1 beforeRouteLeave (to, from, next) {
    2         console.log('离开路路由')
    3        if(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()。
  • 相关阅读:
    java基础
    HDOJ(HDU).2266 How Many Equations Can You Find (DFS)
    POJ.1416 Shredding Company (DFS)
    HDOJ(HDU).2044-2049 递推专题
    HDOJ(HDU).1045 Fire Net (DFS)
    HDOJ(HDU).1258 Sum It Up (DFS)
    HDOJ(HDU).1241 Oil Deposits(DFS)
    我的ACM参赛故事
    HDOJ(HDU).1035 Robot Motion (DFS)
    HDOJ(HDU).1016 Prime Ring Problem (DFS)
  • 原文地址:https://www.cnblogs.com/mengtaoadmin/p/11188386.html
Copyright © 2011-2022 走看看