vue2使用router刷新当前页面不起作用

Question

当前页面的路由是/book/detail?bookId=1，
在created方法里面根据bookId发送ajax请求获取页面数据

我想刷新当前页面，但是传递的参数变化,希望内容也变化，代码如下：

this.$router.go({path: '/book/detail', query: {"bookId": 2}})

但是,页面刷新了，地址栏参数却没变化还是1,导致页面的内容也没变，请问这怎么解决？谢谢！

Answer 1

就是楼上的办法

监听路由变化，重新调用接口获取数据

  ...
  watch: {
    // 如果路由有变化，会再次执行该方法
    '$route': 'fetchData'
  }
  ...

参见vue-router官方例子

https://router.vuejs.org/zh-c...

Answer 2

监听路由变化，重新调用接口获取数据即刻