vue跳轉(zhuǎn)同一頁面強制刷新

vue路由的解析

vue中當(dāng)跳轉(zhuǎn)的是同一個路由的時候,頁面不會發(fā)生強制性變化,比如說頭部的搜索中通過路由傳不同的參數(shù)到同一個結(jié)果頁面,盡管地址欄參數(shù)不同還是不會刷新,需要用watch或者router去解決。

設(shè)置不同的路由標(biāo)識

類似于版本號一樣解決緩存的問題,在router跳轉(zhuǎn)前設(shè)置時間戳等隨機參數(shù)確保每次跳轉(zhuǎn)不一樣。每次的頁面不同當(dāng)然可以達到同一頁面刷新的問題。

//router.js
path:'/home/:'

//xx.vue

this.$router.push({path:'/home'}+new Date())

watch監(jiān)聽$route

需要注意的是頁面初始化更新的數(shù)據(jù)需要放到watch中進行監(jiān)聽to和from的變化。

watch :{
   '$route': function (to, from) {
       //執(zhí)行數(shù)據(jù)更新查詢
  this.changePage();
  }
}

ps:其余方法:先跳轉(zhuǎn)空白頁面再返回,最簡單用這個
http://www.itdecent.cn/p/4e8b7a9e0c3e

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • # 傳智播客vue 學(xué)習(xí)## 1. 什么是 Vue.js* Vue 開發(fā)手機 APP 需要借助于 Weex* Vu...
    再見天才閱讀 3,789評論 0 6
  • PS:轉(zhuǎn)載請注明出處作者: TigerChain地址http://www.itdecent.cn/p/9a7d7...
    TigerChain閱讀 64,311評論 9 218
  • VUE Vue :數(shù)據(jù)驅(qū)動的M V Vm框架 m :model(后臺提供數(shù)據(jù)),v :view(頁面),vM(模板...
    wudongyu閱讀 5,527評論 0 11
  • 一:什么是閉包?閉包的用處? (1)閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。在本質(zhì)上,閉包就 是將函數(shù)內(nèi)部和函數(shù)外...
    xuguibin閱讀 10,031評論 1 52
  • vue-cli搭建項目 確保安裝了node與npm 再目標(biāo)文件夾下打開終端 執(zhí)行cnpm i vue-cli -g...
    Akiko_秋子閱讀 3,357評論 1 22

友情鏈接更多精彩內(nèi)容