vue 解决el-table 表体数据发生变化时，未重新渲染问题｜页面不更新问题

在使用el-table组件时，数据已经发生了变化，但是页面显示的数据却没变化;

解决办法

在el-table中添加一个key，可以设置成boolean类型的，在数据更新后更新这个key;

<el-table :data="currentRecordList" :key="isUpdate">
  <el-table-column prop="address" label="Sender" min-width="10%" />
  <el-table-column prop="date" label="Date" min-width="15%" />
  <el-table-column label="Message conten" min-width="40%">
    <template slot-scope="scope">
      <span v-if="scope.row.bodyHighlights" v-html="scope.row.bodyHighlights"></span>
      <span v-else>{{ scope.row.body }}</span>
    </template>
  </el-table-column>
</el-table>

在数据更新的地方后面加上如下

this.isUpdate = !this.isUpdate;

转载链接: https://www.cnblogs.com/tanweiwei/p/16813605.html.