现在有一个登录页面/login,在账户名密码正确的情况下跳转到/app
路由钩子真是没看懂怎么用
{
path:'login',
component:Login,
beforeEnter:(to,from,next) => {
to:'/app',
from:'/login',
next(false)
}
}
这个是不跳转是吗?
谢谢
现在有一个登录页面/login,在账户名密码正确的情况下跳转到/app
路由钩子真是没看懂怎么用
{
path:'login',
component:Login,
beforeEnter:(to,from,next) => {
to:'/app',
from:'/login',
next(false)
}
}
这个是不跳转是吗?
谢谢
自己回答吧
在/app的beforeEnter中加入判断是否正确的auth
if(auth){
next()
}else{
next(false)
}
当然在/login中判断是否正确后在push也是可以的
13 回答12.8k 阅读
7 回答1.9k 阅读
9 回答1.6k 阅读✓ 已解决
6 回答935 阅读
3 回答1.1k 阅读✓ 已解决
3 回答1.3k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
路由导航没有发生,是不会触发路由钩子的。应该这样才能跳转
this.$router.push('/app')
,这时候就触发了路由钩子,可以在路由钩子的触发过程中,通过改变next方法的参数来让这个导航中断,或者跳转到其他地址或者继续进行下一个钩子。