当前位置:首页 > 日记 > 正文

关于vue-router的beforeEach无限循环的问题解决

关于vue-router的beforeEach无限循环的问题解决

最近在使用vue-router的beforeEach钩子时候遇到了一个问题,就是在beforeEach()中设置好判断条件后出现了无限循环的问题
代码如下:

router.beforeEach((to, from, next) => { if(isLogin){  next() }else{  console.log('测试')  next('login') }})

结果chrome的debug中看到:

这个问题我是这样理解的:

router.beforeEach((to, from, next) => {  if(true){    next()  }else{    next('login')  }})
  • next() 表示路由成功,直接进入to路由,不会再次调用router.beforeEach()
  • next('login') 表示路由拦截成功,重定向至login,会再次调用router.beforeEach()

也就是说beforeEach()必须调用next(),否则就会出现无限循环,next() 和 next('xxx') 是不一样的,区别就是前者不会再次调用router.beforeEach(),后者会!!!

官网这样写的(主要是红线标记的那句!):

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

相关文章

word如何设置字体背景色word设置字

word如何设置字体背景色word设置字

字体,背景色,设置,方法,步骤,  在对word文件进行编辑时候,有时候为了突出内容的重要性,需要给内容加上有一定颜色的背景。那么下面就由小编给大家分享下word设置字体背景色的技巧,希望能帮助到您。word设置字体背景色的步骤步骤一:打开这个软…

唯美情侣幸福个性签名大全

唯美情侣幸福个性签名大全

唯美,个性签名,情侣,热门,新篇, 个性签名各式各样,丰富多彩,反映出网民的不同的思想、心情等,情侣个性签名永远是唯美幸福的,本文是小编整理唯美情侣幸福个性签名的资料,仅供参考。唯美情侣幸福个性签名【经典篇】1. 你的嘴角沾满了阳光 一遇到…

怎么word中制作卡片word中制作卡片

怎么word中制作卡片word中制作卡片

步骤,方法,卡片,电脑软件,word,  Word2013文档编辑软件相比前面的几个版本,里面添加了很多有新意的功能,卡片功能就是其中之一。下面小编就教你怎么word中制作卡片。word中制作卡片的步骤1、鼠标左键双击计算机桌面Word2013程序图标,将其打…

qq如何开视频会议如何使用QQ进行视

qq如何开视频会议如何使用QQ进行视

视频会议,方法,如何使用,电脑软件,qq,  有时候需要和很多人一起视频会议,我们可以使用QQ进行视频会议。具体怎么操作?今天小编给你分享一下开启qq视频会议的方法,欢迎阅读。开启qq视频会议的方法建立和进入视频会议1首先登陆qq,点击界面右下…

Vue + Vue-router 同名路由切换数

Vue + Vue-router 同名路由切换数

数据,方法,路由,电脑软件,Vue,在默认情况下, 同名路由之间的切换, 由于组件可以服用, 放在ready里获取数据, 是不会执行的, 有两种方法可以解决注意: 该问题仅存在于 vue1方法1: 将数据获取放到route.data下~route: { data({to: {params: …

怎么用excel算出cpk值excel算出cpk

怎么用excel算出cpk值excel算出cpk

步骤,方法,电脑软件,excel,cpk,  有时候我们需要对产品的相关特性数据进行分析,利用数据统计工具制作过程能力控制图,从而计算出CPK值,下面小编教你怎么用excel算出cpk值。希望对你有帮助!excel算出cpk值的步骤收集你所需要控制的特性的数据,…

Excel2013图表如何制作达标图

Excel2013图表如何制作达标图

达标,图表,电脑软件,  通过设置坐标轴重叠来制作达标图,达标图可以直观地反映数据是否达到所规定的标准。以下是小编为您带来的关于Excel2013图表制作达标图,希望对您有所帮助。Excel2013图表制作达标图①启动Excel2013,首先打开先前准备好…

Excel饼图和圆环图的作用有哪些

Excel饼图和圆环图的作用有哪些

作用,饼图,圆环,有哪些,电脑软件,  excel的饼图和环形图,这两种图都是用来表示相应数据项占该数据系列总和的比例值的。以下是小编为您带来的关于Excel饼图和圆环图的作用,希望对您有所帮助。Excel饼图和圆环图的作用以饼图为例,比如这里有…

JavaScript实现瀑布流以及加载效果

JavaScript实现瀑布流以及加载效果

瀑布流,加载,效果,电脑软件,JavaScript,一、瀑布流是个啥?  瀑布流,是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用瀑布流布局的网站是Pinterest,…

AngularJS 使用ng-repeat报错 [ngR

AngularJS 使用ng-repeat报错 [ngR

报错,电脑软件,ng,AngularJS,repeat,AngularJS 使用ng-repeat报错 [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify uniqng-repeat报错<div ng-init="words = ['高校','高校','…

excel2010饼形图的制作方法excel20

excel2010饼形图的制作方法excel20

饼形图,制作方法,电脑软件,strong,  在Excel中经常会使用到图表进行对数据分析、查看、对比辅助。而饼形图则是一个很常用的图表。接下来请欣赏小编给大家网络收集整理的excel2010饼形图的制作方法。excel2010饼形图的制作方法例:上海虹口…

在Word文档中表格怎么让文字环绕

在Word文档中表格怎么让文字环绕

文字,文档,表格,电脑软件,Word,  在Word 中,见得比较多的是文字环绕图片;不过,表格也可以让文字环绕,这种情况可能比较少,毕竟表格不会太小通常都要占满一页的宽度。以下是小编为您带来的关于Word文档中表格让文字环绕,希望对您有所帮助。Word…