vue导航守卫——全局路径监听

来源:互联网 发布:淘宝天猫客服注意事项 编辑:程序博客网 时间:2024/05/29 10:44

vue导航守卫——全局路径监听

本文主要介绍如何通过vue的导航守卫进行路径的监听。
本文主要参考:
https://router.vuejs.org/zh-cn/advanced/navigation-guards.html

好,下面上货。
1、import router from ’./router'

2、进行路径的拦截
router.beforeEach((to, from, next) => {  //这里能够跟踪路径的变化  console.log(from);  console.log(to);  //最后通过钩子继续页面的跳转  next();});

3、这里需要记住的是,最后需要调用next();不然的话路由会在这里停止。

4、同时,路由的监听还能够针对特定的路径进行监听。可以参考上面的文章,这里不再赘述。

原创粉丝点击