vue.js - vue-router路由刷新问题
本文介绍了vue.js - vue-router路由刷新问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
http://localhost:8066/houseDetail/5563
如上,vue router配置的动态路由
现在的问题是
我在这个页面点击某个按钮,网址变成了
http://localhost:8066/houseDe...
页面是不会自动刷新的,不会自动跳转到id为1的页面
我知道有个go(0)刷新
但是我现在写的一个筛选页面刷新路由丢失还在原页面
请问怎么解决
大致问题可以归纳为
我在http://localhost:8066/houseDe...页面把路由换成了http://localhost:8066/houseDe...后,使用this.$router.go(0)页面刷新还是在当前页面,就是id为5563的,变化的路由失效
解决方案
把获取数据的步骤定义到一个方法里面
然后watch监听路由变化
watch: {
'$route' (to, from) {
// 获取最新的id 调用获取数据方法
this.getData(传入id)
}
}
这篇关于vue.js - vue-router路由刷新问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文