vue路由跳转子组件_vue路由跳转不刷新

在'game-detail'页面执行this.$router.push()方法，跳转到'game-detail'，页面不刷新。

因为路由主体没变，变的只是传递的参数id

所以从'game-detail?id=1'到'game-detail?id=2'，并没有跳转。

但是可以在watch里监听$route,监听到id的变化。

后来我就在watch里边监听路由，点击后……重新调用了获取页面数据的methods函数。

想通过刷新页面数据，再加上把滚动条归零，来模拟页面的刷新。

然后……点击后……数据刷新了，页面没变化……

父组件是通过props传递给子组件的，请问我应该在子组件里怎么做呢？

刚才百度了发现有的人说是在子组件里watch并且deep监听，

然后我监听到数据变化了以后在子组件里进行赋值也还是不行。

父组件部分内容：data里边：dataList: []this.$http.get().then((res)=>{    this.dataList.splice(0, this.dataList.length, ...res)

})

watch部分：watch: {

$route(to, from) {        this.$http.get().then((res)=>{            this.dataList.splice(0, this.dataList.length, ...res)

})

}

}

子组件部分内容：

{{ getData.name }}

props: ['data']data里边：getData: this.data[0]