elementUI点击行时选中复选框
在 el-table
部分加上 @row-click
和 ref
<el-table
ref="handSelectTest_multipleTable"
tooltip-effect="dark"
:data="tableData"
style="width:100%"
height="500"
@selection-change="handleSelectionChange"
@row-click="handleRowClick"
v-loading="loading"
>
//点击复选框触发,复选框样式的改变
handleSelectionChange(val) {
this.multipleSelection = val;
},
//点击行触发,选中或不选中复选框
handleRowClick(row, column, event) {
this.$refs.handSelectTest_multipleTable.toggleRowSelection(row);
// console.log("this.selecTestContent", this.selectTestContent);
},