- 全局路由钩子函数
每次路由跳转,都会执行beforeEach和afterEach,一般写在main.js可以做权限控制
例如:router.beforeEach((to, from, next) => { if (to.matched.length === 0) { from.name ? next({ name : from.name }) : next('/') } else { next() } })
router.afterEach((to,from) => { console.log(to);//到达的路由 console.log(from);//离开的路由 })
- 单个路由钩子函数
beforeEnter有三个参数:to/from/next - 组件内路由钩子函数
三个参数:to/from/next
beforeRouteEnter:进入这个组建路由之前
beforeRouteLeave:离开这个组建路由
beforeRouteUpdate:再本路由的下级路由切换才会触发beforeRouteUpdate
vue-router中的钩子函数
最新推荐文章于 2024-07-29 16:25:11 发布