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屋！