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

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

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

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

// 下面的写法会死循环
     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()。

转载于:https://www.cnblogs.com/yuwenjing0727/p/9916691.html

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

nginx指定访问路径跳转至指定路径
在Nginx中,指定访问路径跳转至指定路径,配置如下: server {#当访问路径为/abc.jsp时,跳转至https://www.baidu.com/abc.html网址if ($request ...
java中怎样任意跳转到指定行而不受循环语句限制
break label不是任意使用的,它只能直接用在代码块(for/while/switch/if/大括号)上,注意是"直接",下bai面举例说明: 1.代码一(直接用在for上, ...
Vue 学习(十、 Vue Router - 路由插件和 Vue 的插件原理)
文章目录一.Vue Router - 路由插件 1. 安装 Vue Router 2. Vue Router 路由的基本使用 3. 设置 router-link 4. 编程式路由 5. 路由嵌套 6 ...
cmd无法跳转指定路径以及java文件有txt后缀
小白问题记录_JAVA第一次运行程序问题 1.cmd无法跳转至指定路径需要在路径前加/d命令技巧转自:在cmd下用cd命令进不了D盘的问题_xueluowutong的博客-CSDN博客 2. ja ...
vue 一直登录错误_vue中路由拦截无限循环的情况
如下图,浏览器报出这个错误这是因为路由守卫在拦截路由的时候,找不到跳转的地址,引起了无限循环. 在设置路由拦截的时候当指向另一个地址的时候还会触发一次路由拦截,既每次地址栏的变化都会触发一次路由拦截 ...
vue 跳转到指定路由地址（可附带参数）
1. vue 使用 router-link 跳转到指定路由地址使用 router-link <span class="product-justify" @click=&qu ...
vue router返回到指定的路由
vue router返回到指定的路由一.项目场景二.问题描述三.原因分析四.解决方案一.项目场景项目场景:示例:A(商品详情)--B(商品购买页面)-C(支付成功页面)--D(订单页面) ...
Vue 页面跳转到指定位置
Vue 页面跳转到指定位置页面跳转页面 script style 进阶版:随着页面滚动变换导航菜单样式监听页面滚动方法销毁滚动页面跳转页面 <template><div ...
支持外部链接跳转的 Vue Router 扩展实现
本文内容问题现状改进思路话题延伸本文小结众所周知,Vue Router 是 Vue 中重要的插件之一,特别是在当下流行的单页面应用/SPA 中,这种感觉会越来越明显.此时,路由的作用就是根 ...

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

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

最新文章

热门文章