el-table中保留分页选中

场景:对数据表格中数据进行选取,然后保存的数据操作。

对于数据表格,貌似这种需求不是非常常用,对于小数据量来说,checkbox就已经能够足够满足我们的要求,但往往对于大数据量可能需要通过表格来实现选择。

el-tableTable-column Attributes 中有这么一个属性:

属性 描述 类型 可选值 默认值
reserve-selection 仅对 type=selection 的列有效,类型为 Boolean,为 true 则会在数据更新之后保留之前选中的数据(需指定 row-key) Boolean false

不过需要指定行的key,我们可以在el-table上加上一个row-key属性来指定key

最终代码如下




下面提供分页多选且赋初始选中的方案




你可能感兴趣的:(vue,vue,elementui,el-table,前端,表格,分页多选)