如何解決vuejs route push不跳轉(zhuǎn)的問題

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

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

本文操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

怎么解決vuejs route push不跳轉(zhuǎn)的問題?

vue-router同路由$router.push不跳轉(zhuǎn)一個(gè)簡(jiǎn)單解決方案

vue-router跳轉(zhuǎn)一般是這么寫：

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

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

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

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

監(jiān)視r(shí)outer變化，刷新頁(yè)面~

看完了這篇文章，相信你對(duì)“如何解決vuejs route push不跳轉(zhuǎn)的問題”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！