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

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

推薦：《最新的5個vue.js視頻教程精選》

以上是怎麼解決vuejs route push不跳轉的問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！