博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue-router使用next()跳转到指定路径时会无限循环
阅读量:5992 次
发布时间:2019-06-20

本文共 811 字,大约阅读时间需要 2 分钟。

我在路由为 /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

你可能感兴趣的文章
快速开始
查看>>
项目持续集成工具
查看>>
apt-pkg
查看>>
前端 飞升之路
查看>>
[ZJOI2018]历史
查看>>
mac安装python3
查看>>
HDU 4619 Warm up 2
查看>>
Jmeter中中文乱码
查看>>
矩阵乘法 --- hdu 4920 : Matrix multiplication
查看>>
juggle dsl语法介绍及codegen浅析
查看>>
106:HttpResponse对象讲解
查看>>
Laravel学习笔记(二)
查看>>
linux安装redis服务,配置PHP扩展
查看>>
第七章学习小结
查看>>
sprintf_s的使用
查看>>
Jquery ajax调用后台aspx后台文件方法(不是ashx)
查看>>
python基础学习笔记第一天
查看>>
分布式缓存学习总结— —竹子整理
查看>>
鼠标右键 删除
查看>>
(转载)MyEclipse github
查看>>