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

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页面;

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