<el-table v-loading="memlistLoading" :data="lists" size="small" element-loading-text="正在查询中。。。" border fit highlight-current-row style="white-space: pre-line"
@row-click="clickRow" ref="tb" @selection-change="changeFun" >
methods: {
clickRow(row){//单击行选中前面复选框
this.$refs.tb.toggleRowSelection(row);
},changeFun(val) {//选中复选框操作
let userIds = [];
val.forEach(
function(v){
userIds.push(v.id);
}
);
let string = ''
userIds.map(item=>{
string+= item+ ','
})
// 判断截取最后一个逗号
if (string.length > 0) {
string = string.substr(0, string.length - 1)
}
this.dataForm.userId = string;
}
}
/* 在<el-table>标签中绑定
@row-click="clickRow" 单击事件 和 ref="tb"属性
然后再单击事件的方法中,写
this.$refs.tb.toggleRowSelection(row)
*/