element-ui 表格多选框 按条件禁用部分选项

HTML

在 el-table-column type 类型为 selection 组件中,添加 :selectable='方法名'

<el-table :data="tableData" v-loading="loading" max-height="570" stripe :header-cell-style="headerStyle" @selection-change="handleSelectionLeftChange">
   <el-table-column type="selection" width="50" :selectable='selectEnable'>
   </el-table-column>
   <el-table-column prop="appName" label="选择产品" align="center" width="350">
   </el-table-column>
</el-table>

方法函数


  //禁用多选框函数
  //把 order_status 为 1 的项禁用
      selectEnable(row, rowIndex) {
        console.log(row);
        if (row.order_status !== 1) {
          return true
        }
     },

版权声明:本文为hong521520原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。