element-UI table 多选框添加条件禁用

  • Post author:
  • Post category:其他


 <el-table
            :data="tableData"
            height="454"
            style="width: 100%"
            :default-sort="{prop: 'date', order: 'descending'}"
            @selection-change="handleSelectionChange"
        >
            <el-table-column type="selection" min-width="5%" :selectable="selectable"></el-table-column>
            <el-table-column
                v-if="isShowCol.roleName"
                :show-overflow-tooltip="true"
                prop="roleName"
                label="角色名称"
                min-width="8%"
            ></el-table-column>
</table>

方法中:


返回true可选,返回false禁止选中。

 selectable( row, index) {
            if( (row.roleName === '管理员') || (row.roleName === '系统管理员')) {
                return false;
            }else {
                return true;
            }   
  }



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