在el-table加上:row-key=“row => row.id”,el-table-column上加:reserve-selection=“true”,就可以实现
id作为选中打印出来得值
<el-table
ref="multipleTable"
@selection-change="handleSelectionChange"
@select-all="handleSelectAll"
:row-key="row => row.id"
>
<el-table-column
type="selection"
:reserve-selection="true"
>
</el-table-column>
</el-table>
// 点击选中会存入multipleSelection,在SelectAll时会触发该方法
handleSelectionChange(val) {
this.multipleSelection = val
},
// 选中所有
handleSelectAll(val) {
this.multipleSelection = val
},
清空缓存已选中项
this.$refs.multipleTable.clearSelection()
注意:在执行完操作之后要清除选中,表格不会自动清除