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

成都創(chuàng)新互聯(lián)-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性?xún)r(jià)比白云網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式白云網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋白云地區(qū)。費(fèi)用合理售后完善，10余年實(shí)體公司更值得信賴(lài)。

vuejs route push不跳轉(zhuǎn)的解決辦法：1、打開(kāi)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)的問(wèn)題?

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

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

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

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

但是另一些情況，基本頁(yè)面所有組件都需要刷新，再次加載對(duì)開(kāi)銷(xiāo)影響不大，需要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)的問(wèn)題”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！