vue路由监听_v1.0.0

学生宫布

于 2021-03-29 08:46:10 发布

阅读量141

点赞数 1

CC 4.0 BY-SA版权

分类专栏：技术栈-语言-大前端文章标签： vue2.6 router js vue 路由

本文链接：https://blog.youkuaiyun.com/cc007cc009/article/details/115292790

技术栈-语言-大前端专栏收录该内容

10 篇文章

订阅专栏

这篇博客介绍了在 Vue 2.6 版本中如何实现路由监听，特别是在路由变化时进行特定逻辑处理的方法。作者学生宫布分享了一个简单的 `$route` 监听示例，展示了如何过滤掉路由变化的重复触发，并在路由名发生变化时执行相关逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文件名称	版本号	作者	qq	组件版本
vue路由监听	v1.0.0	学生宫布	8416837	vue2.6

变量

return {
	// 不需要在此定义相关变量
    }
  },

watch

watch: {
    '$route' (to, from) { // this.$route
      // console.log(`路由已经变化：`, to, from)
      if(to.name !== from.name) { // 路由变化了，注意有两次路由变化，过滤掉其中一次
		// 逻辑👇
      }
    },
  },