vue 解决el-table 表体数据发生变化时,未重新渲染问题|页面不更新问题
在使用el-table组件时,数据已经发生了变化,但是页面显示的数据却没变化;在数据更新的地方后面加上如下。
·
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;
更多推荐
所有评论(0)