vue-router在同一个路由下切换，取不到变化的路由参数

最近用vue写项目的时候碰到一个问题，在同一个页面下跳转，路由地址不变，路由参数有变化，一开始只是在data里取路由的参数，发现根本取不到变化的路由参数。在网上查找了一番后发现可以这样写：watch: {'$route' (to, from) {//这样就可以获取到变化的参数了，然后执行参数变化后相应的逻辑就行了console.log(this.$route.quer

sanstu

5788人浏览 · 2017-09-12 10:02:18

sanstu · 2017-09-12 10:02:18 发布

最近用vue写项目的时候碰到一个问题，在同一个页面下跳转，路由地址不变，路由参数有变化，一开始只是在data里取路由的参数，发现根本取不到变化的路由参数。

在网上查找了一番后发现可以这样写：


watch: {
  '$route' (to, from) {  //这样就可以获取到变化的参数了，然后执行参数变化后相应的逻辑就行了
    console.log(this.$route.query)
  }
}

学习笔记，如有不足请多指教！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^