<el-table ref="multipleTable" :data="tableData" sortable="disabled" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55"> </el-table-column>
</el-table>
data(){
return{
multipleList: [], // 多选框选中列表
}
}
method:{
// 控制多选框
handleSelectionChange(val) {
this.multipleList = val.map((item) => {
return parseInt(item.id);
});
},
}
<el-table ref="multipleTable" :data="tableData" sortable="disabled" :row-key="getRowKey" @selection-change="handleSelectionChange">
<el-table-column type="selection" :reserve-selection="true" width="55"> </el-table-column>
</el-table>
method:{
getRowKey(row) {
return row.id;
},
}
<el-table ref="multipleTable" :data="tableData" style="width: 100%; border: 1px solid #e6e6e6" sortable="disabled" :row-key="getRowKey" @selection-change="handleSelectionChange">
<el-table-column type="selection" :reserve-selection="true" :selectable="selectEnable" width="55" > </el-table-column>
</el-table>
method:{
// 多选框是否可选
selectEnable(row, index) {
if (row.status == 0) {
return true; // 不禁用
} else {
return false;
}
},
}