el-table,翻页时要记住多选选项

文档方法
el-table,翻页时要记住多选选项_第1张图片

  1. 通过type="selection"设置复选框列,重点在于 reserve-selection 属性,设置为true时,数据更新之后保留之前选中的数据。

  2. 重点在于需要表格属性“row-key”的配合,在使用 reserve-selection 功能的情况下,该属性是必填的。将row-key设置为表格中唯一的字段名称。这样就实现了后端分页在翻页或切换条数时,记住之前的复选框选项。

示例:


 
  
 

具体来自
https://blog.csdn.net/chenjiepds/article/details/88034977?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel_param

然后如果是组件封装的了话,可以直接在封装的组件上面修改,不需要动态去传(我的是两个不同的组件)
在这里插入图片描述
el-table,翻页时要记住多选选项_第2张图片

你可能感兴趣的:(vue,element)