美文网首页
解决el-table数据发生了变化,但是页面显示的数据不更新问题

解决el-table数据发生了变化,但是页面显示的数据不更新问题

作者: Frank_Fang | 来源:发表于2023-05-26 16:25 被阅读0次

解决办法:
在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>

相关文章

网友评论

      本文标题:解决el-table数据发生了变化,但是页面显示的数据不更新问题

      本文链接:https://www.haomeiwen.com/subject/xowkedtx.html