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

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

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

  現實: 點擊當前路由,改變視圖是不少開發人員的「硬需求」post

  解決方案:this

    

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

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

相關文章
相關標籤/搜索