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

 <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;
            }   
  }