@elementui->table 多选点击checkbox和行均选中
- el-table标签添加:@row-click=“multipleMemberRowClick” @select=“handleSelectionChange”
<el-table size="medium"
:data="memberData"
ref="memberDataTable"
:row-key="getRowKeys"
highlight-current-row
v-loading="loading" border
element-loading-text="拼命加载中"
:cell-style="rowStyle"
:row-style="{height:'32px'}"
@row-click="multipleMemberRowClick"
- 复选框:
- js中对应的方法:
multipleMemberRowClick(row){
this.$refs.memberDataTable.toggleRowSelection(row);
var selections = this.$refs.memberDataTable.selection;
var selected = selections.some(item => item === row);
this.setMultMember(selected, row);
},
handleSelectionChange(selection, row){
var selected = selection.some(item => item === row);
this.setMultMember(selected, row);
},
setMultMember(selected, row){
if (selected) {
//选中具体逻辑
}else{
//没选中逻辑
}
}
效果:点击行和复选框都可
记录一次elementui复选框行点击和复选框点击bug处理