elementui table组件复选框根据条件设置行是否可选
HTML部分代码
<el-table
ref="multipleTable"
:data="tableData"
v-loading="loading"
tooltip-effect="dark"
@selection-change="handleSelectionChange">
<el-table-column v-if="!queryType" type="selection" width="55" :selectable="checkboxInit"/>
<el-table-column align="center" prop="AA" label="A"></el-table-column>
<el-table-column align="center" prop="BB" label="B"></el-table-column>
<el-table-column align="center" prop="CC" label="C"></el-table-column>
</el-table>
js部分代码,主要是checkboxInit方法实现是否可选
methods: {
//判断复选框是否可选
checkboxInit(row) {
if ( 条件判断语句 ) { // 每行数据在该条件下不可选
return 0 //不可勾选
} else { // 在该条件下可选
return 1
}
}
}