el-table中选择框在分页的时候保持选中状态
el-table 存在多选框时;当我们进行翻页或搜索,选中状态会重置
- 处理:
- 设置键row-key,值为每一项的唯一值
- 设置 :reserve-selection=“true”
<el-table :row-key='row => row.unicode'>
<el-table-column type="selection" :reserve-selection="true"><el-table-column>
</el-table>
el-table中选择框只能选择10个,多余10个禁止点击
selectable:function(row, index)
仅对 type=selection 的列有效,类型为 Function,Function 的返回值用来决定这一行的 CheckBox 是否可以勾选
el-table-column
:reserve-selection="true"
type="selection"
:selectable="selectable"
width="55"
/>
const selectable = (row:any, index:any) => {
if (selectList.value.length <= 9) {
return true
}
let isShow = false
selectList.value.forEach((item:any) => {
if (row === item) {
isShow = true
}
});
return isShow
}