vue-router同路由$router.push不跳轉一個簡單解決方案

vue-router同路由$router.push不跳轉一個簡單解決方案vue

vue-router跳轉通常是這麼寫:vue-router

toCurrentPage: function(thisId){
this.$router.push({path:'/test ', query: { id: thisId, option: ""}});
}
可是當遇到,須要跳轉同頁面不一樣query的狀況,上面的方法不起做用。固然了,從性能來講,理論上這種狀況最佳的解決方案,是把須要刷新的包裹成一個init function,跳轉的方法,傳參再次調用init方法。balabalabala……不在贅述。性能

可是另外一些狀況,基本頁面全部組件都須要刷新,再次加載對開銷影響不大,須要history.back以保證操做邏輯順暢……咱們只要跳轉加載如此而已,那麼其實也很簡單,只需在上述方法基礎上加上:this

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
版權聲明:本文爲博主原創文章,轉載請附上博文連接!.net

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

相關文章
相關標籤/搜索