表格组件
<el-table
:data="dataList"
ref="drawTable"
:row-key="getRowKeys"
@selection-change="handleSelectionChange"
>
<el-table-column
align="center"
type="selection"
:reserve-selection="true"
>
</el-table-column>
</el-table>
数据声明
data() {
return {
dataList: [],
}
}
方法
methods: {
// 设置选择表格行唯一标识
getRowKeys(row) {
return row.id;
},
// 将表格选中数据赋值
handleSelectionChange(val) {
this.choseDataList = val;
},
// 清除表格选中列(需要的方法中使用,下方提供的方法为需自定义)
cleanLine() {
// 清除表格选中
this.$refs.drawTable.clearSelection();
}
}