小編給大家分享一下如何解決vuejs route push不跳轉的問題，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

成都創新互聯-專業網站定制、快速模板網站建設、高性價比白云網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式白云網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋白云地區。費用合理售后完善，10余年實體公司更值得信賴。

vuejs route push不跳轉的解決辦法：1、打開vue-router跳轉代碼部分內容；2、添加“watch: {'$route' (to, from) {...},”方法；3、監視router變化，刷新頁面即可。

本文操作環境：windows7系統、vue2.9.6版，DELL G3電腦。

怎么解決vuejs route push不跳轉的問題?

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變化，刷新頁面~

看完了這篇文章，相信你對“如何解決vuejs route push不跳轉的問題”有了一定的了解，如果想了解更多相關知識，歡迎關注創新互聯行業資訊頻道，感謝各位的閱讀！