vue element 多选el-table相关

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"
/>
// 多于10项禁止点击 selectList.value是选中项的数组
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
}