el-table在Vue組件中數據更新不渲染的bug


當el-table被封裝在子組件時,tableData發生變化,數據沒有重新渲染

解決方法:為該子組件綁定一個key,每次tableData發生變化時,改變這個key

<Table
        class="card-table"
        :tableData="tableData"
        :tableHeader="dataHeader"
        :key="timeStamp"
        v-if="!config.template && value == 1"
      />

  

watch: {
    // 監聽頁碼頁寬
    pageQuery: {
      handler(val) {
        this.timeStamp = new Date()
      },
      deep: true
    },
  },

 


免責聲明!

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



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