Vue--關於點擊當前路由,視圖無法更新的解決方案


  轉自:https://juejin.im/post/593121aa0ce4630057f70d35  

問題的根源: 用戶點擊當前高亮的路由並不會刷新view,因為vue-router會攔截你的路由,它判斷你的url並沒有任何變化,所以它不會觸發任何鈎子或者是view的變化(這是vue設計的一個原則:一切都是從路由出發的)

  現實: 點擊當前路由,改變視圖是很多開發人員的“硬需求”

  解決方案:

    

clickLink(path) {
  this.$router.push({
    path,
    query: {
      t: +new Date() //保證每次點擊路由的query項都是不一樣的,確保會重新刷新view
    }
  })
}

  弊端:url 后面有一個很難看的 query 后綴如 xxx.com/article/list?t=1496832345025


免責聲明!

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



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