背景: 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~大功告成!欢迎补充~
所有评论(0)