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

 

posted @ 2020-09-28 14:56  心心眼  阅读(11749)  评论(2编辑  收藏  举报