elementUi - - - - table 勾选功能 & 禁止勾选
1. table 勾选功能
代码如下:
<el-table :data="tableData" ref="multipleTable" @selection-change="handleSelectionChange" >
<el-table-column type="selection" width="55"></el-table-column>
</el-table>
...
// 勾选
handleSelectionChange(val) {
// 这里是勾选回调
this.multipleSelection = val;
},
上述代码即可实现勾选功能
2. table 禁止勾选
代码如下:
<el-table :data="tableData" ref="multipleTable" @selection-change="handleSelectionChange" :selectable="checkboxT" disabled="true" >
<el-table-column type="selection" width="55"></el-table-column>
</el-table>
...
// 勾选
handleSelectionChange(val) {
// 这里是勾选回调
this.multipleSelection = val;
},
// 禁止勾选
checkboxT(row, index) {
return row.can_edit;
},