// isLogined 用来判断用户是否已登录 router.beforeEach((to, from, next) => { if(isLogined){ next() }else{ console.log('测试') next('login') } })
- next() 表示放行,直接进入to路由,不会再次调用router.beforeEach()
- next(path:...to,replace:true) 拦截路由,当条件成立时就会无限次放行,进入无限循环,必须要设置出口
- next(path:'/') 当前路由被中断,进入一个新的导航 、需要加判断、不然会进入无限循环
- 可以理解为
router.beforeEach((to, from, next) => {
router.beforeEach((to, from, next) => {
router.beforeEach((to, from, next) => {
router.beforeEach((to, from, next) => {
router.beforeEach((to, from, next) => { 。。。 })
})
})
})
})
//必须要设置出口
router.beforeEach((to, from, next) => { let flag=true
if(flag){
//条件成立,放行并进入页面
next()
}else{
//重载路由
next({path:...to,replace:true})
} })
标签:vue,beforeEach,next,path,router,true,路由 From: https://www.cnblogs.com/fenfen201510/p/17629286.html