Element table表格的多选按钮 设置不可勾选的方法

项目场景：

因为项目需要，要对element ui中table表格加载时根据条件设置多选按钮是否可以勾选

解决方案：

通过封装selectable来实现

---

selectable 仅对 type=selection 的列有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选 Function(row, index)

---

<el-table :data="verificationListDialog" @selection-change="handleSelectionChangeVerificationListDialog">
    <el-table-column type="selection" :selectable="checkSelectable" ></el-table-column>
    <el-table-column type="index" :label="$t('order.verificationDetailTable.number')"></el-table-column>
    <el-table-column prop="verificationNo" :label="$t('order.verificationDetailTable.orderNo')"></el-table-column>
</el-table>

封装selectable方法

checkSelectable(row,index){ 
   let flag = true;
   if(row.verificationAmountRemain<=0){
     flag = false
   }
   return flag
 },