vue-router 2.0 登录跳转与路由钩子

现在有一个登录页面/login,在账户名密码正确的情况下跳转到/app

路由钩子真是没看懂怎么用

{
    path:'login',
    component:Login,
    beforeEnter:(to,from,next) => {
        to:'/app',
        from:'/login',
        next(false)
    }
}

这个是不跳转是吗?
谢谢

阅读 10.4k
2 个回答

路由导航没有发生,是不会触发路由钩子的。应该这样才能跳转this.$router.push('/app'),这时候就触发了路由钩子,可以在路由钩子的触发过程中,通过改变next方法的参数来让这个导航中断,或者跳转到其他地址或者继续进行下一个钩子。

自己回答吧
在/app的beforeEnter中加入判断是否正确的auth
if(auth){

next()

}else{

next(false)

}
当然在/login中判断是否正确后在push也是可以的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题