vue router之router.beforeEach()


作用

主要是用来通过跳转或取消的方式守卫导航。

场景

使用同一个链接在不同条件下跳转到不同路由组件,例如未登录时跳转登录页面,登录后跳转个人信息页面等。

使用

用router.beforeEach注册一个全局前置守卫,在router中添加以下代码:

router.beforeEach((to, from, next) => {

  // ...
})
// to:即将要进入的目标路由对象(这个对象包括name,params,meta等属性)
// from:当前导航正要离开的路由对象(这个对象包括name,params,meta等属性)
// next:Function,确保要调用next方法,否则🐶不会被resolved。这个当中还可以传一些参数。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM