vue-router同路由$router.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變化,刷新頁面, 233333333333
---------------------
作者:wulala_orz
來源:CSDN
原文:https://blog.csdn.net/wulala_orz/article/details/78928524?utm_source=copy
版權聲明:本文為博主原創文章,轉載請附上博文鏈接!

轉自:https://blog.csdn.net/wulala_orz/article/details/78928524?utm_source=copy 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM