Vue跳轉到本頁面跳轉，解決只是傳參不同，頁面不刷新的問題

最近新來了一批小朋友，做我之前做過的項目，老大讓我帶帶他，我還是個需要人帶的菜鳥啊！！！

首先是這個么需求，文章詳情右側菜單有推薦文章，點進去還是文章詳情，一想很簡單是不是，后台配的是全鏈接，http://xxxx.com?id=1這樣的，尋思直接跳轉不就行了

window.location.href = url;

然后頁面是跳轉了，但是沒有重新調接口。。。頁面參數變了但是數據不變，解決辦法就是。。。

加一個偵聽器，監聽路由的變化就行了

watch: {
    $route (to, from) {
      this.$router.go(0)
    }
  },

其中this.$router.go(0)為刷新頁面，但此方法可能在Safari中無法實現，還可以用js原生的方法：window.location.reload()

 

我是參考的這篇文章，寫博不易，標明出處，我是個好人。o(*￣▽￣*)ブ

https://www.cnblogs.com/jane2160/p/11573315.html

 

----------------------------------------------------------------------------------

上周本來就只負責打個包，結果自己寫了好久的東西出問題了，還是這個跳轉的問題

用的是this.$router.push()跳轉，用上面的方法不行，然后用下面的方法解決的~記得改一下自己對應的參數

created(){
    this.id = this.$route.query.id;
    this.getDetail();
  },
 watch: {
    $route (to, from) {
      if(to.query.id != from.query.id){
        this.id =  to.query.id;
        this.getDetail(); //重新加載數據
      }
    }
  },