• 周四. 6月 30th, 2022

5G编程聚合网

5G时代下一个聚合的编程学习网

热门标签

vue中的全局守卫和导航守卫

admin

11月 28, 2021

前置守卫guard

从from跳转至to的时候调用

`router.beforeEach((to,from,next)=>{next()}
在这里可以加上判断,用户登录了才执行next()函数,否则可以next(‘/’)回到首页

后置钩子hook

跳转完成后调用的函数

·router.afterEach((to,from)=>{}

这两个称为全局守卫

以上为全局守卫

还有路由独享守卫

组件内的守卫

keep-alive 可以让组件不会被频繁的销毁创建。

activated() 组件处于活跃的时候调用
deactivated() 当组件处于不活跃的时候调用

上面两个函数只有在使用keep-alive才有效。

beforeRouteLeave(to,from,next) 当离开组件的时候调用

发表评论

您的电子邮箱地址不会被公开。