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
    },
  },

 

原文地址:https://www.cnblogs.com/alt-fsh/p/13744715.html