vue-router同路由$router.push不跳轉一個簡單解決方案

一、概述

vue-router跳轉一般是這么寫：

toCurrentPage: function(thisId){
          this.$router.push({path:'/test ', query: { id: thisId, option: ""}});
 }

但是當遇到，需要跳轉同頁面不同query的情況，上面的方法不起作用。當然了，從性能來說，理論上這種情況最佳的解決方案，是把需要刷新的包裹成一個init function，跳轉的方法，傳參再次調用init方法。balabalabala……不在贅述。

 

但是另一些情況，基本頁面所有組件都需要刷新，再次加載對開銷影響不大，需要history.back以保證操作邏輯順暢……我們只要跳轉加載如此而已，那么其實也很簡單，只需在上述方法基礎上加上：

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

監視router變化，刷新頁面，效果就正常了！

 

本文參考鏈接：

https://blog.csdn.net/wulala_orz/article/details/78928524