element-ui 中使用 table 根据状态设置某一行的复选框选择为禁用状态

element-ui 中使用 table表格时根据某一行数据状态设置复选框 选择是否为禁用状态


如图中表格,状态为1时可以勾选复选框
element-ui 中使用 table 根据状态设置某一行的复选框选择为禁用状态_第1张图片

在el-table-column 复选框行中增加 :selectable=“selectable” 属性

   <el-table-column type="selection" 
    :selectable="selectable" >
    </el-table-column>

methods 中增加 selectable 方法 , 返回值为 boolean , 即可实现动态禁用复选框

      selectable(row, index) {
        if (row.status == '2') {
          return false;
        } else {
          return true;
        }
      }

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

你可能感兴趣的:(vue)