vue不刷新頁面---實時更新列表數據(keep-alive)


1.概念問題

  • created():在創建vue對象時,當html渲染之前就觸發;但是注意,全局vue.js不強制刷新或者重啟時只創建一次,也就是說,created()只會觸發一次;
  • activated():在vue對象存活的情況下,進入當前存在activated()函數的頁面時,一進入頁面就觸發;可用於初始化頁面數據等

2.更新操作

注意:可以在增/刪/改查/成功之后,跳轉頁面路由時加上觸發更新的標識

應用實例:

//路由跳轉寫法
this.$router.push({ name: 'Customerinfo', params: { flush: 'on' }})
//跳轉之后的頁面加上activated鈎子
 activated() {
    if (this.$route.params.flush === 'on') {
      this.getList() // 獲取分頁信息
    }
  }
//類似於上述這樣通過標識觸發鈎子函數,然后更新列表數據

 注意:activated()生命周期函數一定是要在使用了keep-alive組件后才會有


免責聲明!

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



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