这篇文章主要为大家详细介绍了关于vue-router的beforeEach无限循环的问题解决,具有一定的参考价值,可以用来参考一下。
感兴趣的小伙伴,下面一起跟随四海网的小编两巴掌来看看吧!
最近在使用vue-router的beforeEach钩子时候遇到了一个问题,就是在beforeEach()中设置好判断条件后出现了无限循环的问题
代码如下:
代码如下:
router.beforeEach((to, from, next) => {
if(isLogin){
next()
}else{
console.log('测试')
next('login')
}
})
结果chrome的debug中看到:
【q1010.com温馨提示:图片暂缺】
这个问题我是这样理解的:
代码如下:
router.beforeEach((to, from, next) => {
if(true){
next()
}else{
next('login')
}
})
也就是说beforeEach()必须调用next(),否则就会出现无限循环,next() 和 next('xxx') 是不一样的,区别就是前者不会再次调用router.beforeEach(),后者会!!!
官网这样写的(主要是红线标记的那句!):
【q1010.com温馨提示:图片暂缺】
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持四海网。
本文来自:http://www.q1010.com/184/3803-0.html
注:关于关于vue-router的beforeEach无限循环的问题解决的内容就先介绍到这里,更多相关文章的可以留意四海网的其他信息。
关键词:vue.js
四海网收集整理一些常用的php代码,JS代码,数据库mysql等技术文章。