element中table的表格更新数据之后保留原来的勾选状态

最新推荐文章于 2025-03-20 14:06:01 发布

小疯仔

最新推荐文章于 2025-03-20 14:06:01 发布

阅读量4.9k

点赞数 2

文章标签： javascript html

本文链接：https://blog.csdn.net/weixin_45289656/article/details/120531521

版权

该博客介绍了在使用Element UI的El-Table组件时，如何通过`reserve-selection`属性来保留数据更新后的选中状态。当`reserve-selection`设置为`true`并指定`row-key`时，可以保持用户选择的数据。同时，通过调用`clearSelection`方法可以在翻页时清除之前的选中状态，确保用户界面的正确行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

reserve-selection: 仅对 type=selection 的列有效，类型为 Boolean，为 true 则会在数据更新之后保留之前选中的数据（需指定 row-key）

<el-table ref="table" :data="DataList" :row-key="rowKey">
    <el-table-column type="selection" align="center" :reserve-selection="true">
    </el-table-column>
</el-table>
	
methods: {
	rowKey (row) {
      return row.id;
    }
}