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

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

router

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

main.js

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


login.vue


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

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

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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容