vue-router watch 监听路由参数改变触发函数

背景： vue项目 连续点击侧边栏进入同一个路由，页面没有变化，没有重新加载mounted方法

解决方法：在路由后面加相应的参数，在页面中通过监听路由后的params改变而改变dom

话不多说，上代码...

点击button 进入相同页面 可以这样写 动态加params ：

this.$router.push({'name': 'report', query: {'param1': xxx, 'param2':xxx}})
复制代码

这样点击按钮的时候，路由是贼个样子滴～

http://127.0.0.1:8081/#/report_deg?_case=A&_control=B
复制代码

在页面中监听路由参数改变触发的函数，贼样写撒～

watch: {
    '$route': 'getTabelValueReset'    // getTabelValueReset 是路由改变后触发的函数名称
  },
复制代码

这样就可以改变页面效果了～

鼓掌 ? 点赞 ?

ps：

一：如果是用 link to 的方式加参数，写法如下：

router-link 修改为 :to="{ name:'game1', params: {num: 123} }"  
复制代码

二：如果只是想拿到路由中的参数，怎么做？如下：

this.$route.params.year
this.$route.query.id复制代码

OK～大功告成！欢迎补充～