vue登录拦截登录后继续跳转指定页面

小编推荐:Fundebug提供JS错误监控、微信小程序错误监控、微信小游戏错误监控,Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务,众多大佬公司都在使用。

1.在需要拦截的页面的路由上加一个meta:

vue登录拦截登录后继续跳转指定页面_第1张图片

router

2.在这个beforeEach的钩子函数中拦截导航

vue登录拦截登录后继续跳转指定页面_第2张图片

main.js

3.登录页面,登录完成后,跳到指定页面或首页(如果没有路由拦截或携带路径参数的情况下)

 

vue登录拦截登录后继续跳转指定页面_第3张图片

login.vue

 

router.beforeEach((to, from, next) => { } 三个参数:

to:即将进入的下一个路由对象;

from:当前导航即将离开的路由;

next:(function函数) 调用next() 进行下一个钩子。

next() 无参 进行 下一个钩子函数;

next({  path:'/xxx' , query:{}}) 携带参数跳到xxx页面;

 



作者:发迹小寧
链接:https://www.jianshu.com/p/5d7e9181fc70
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

你可能感兴趣的:(vue登录拦截登录后继续跳转指定页面)