elementUI的表格多选功能之规定禁止选择

elementUI的el-table表格多选功能之禁用多选

在进行表格的多选的时候我们会碰到那种，只允许部分内容可以被选择，不符合的要禁用多选框，这个时候就要用到elementUI el-table的selectable

所以我们可以这样写

<el-table :data="tableData" border v-loading='loading' size="small" @selection-change="handleSelectionChange">
    <el-table-column v-if="type==='admin'" type="selection" :selectable="selectable" width="55"></el-table-column>
    <el-table-column label="状态" prop="tips" width="150"></el-table-column>
</el-table>

selectable(row,index) {
    return row.pro_status === 'review' //通过某个值来进行判断，规定那一行的选择框被禁用
}