table表单选择框数据反向绑定 //向后端请求数据
this.dialogVisible = true;
let params = {
currentPage: this.pagination.page,
pageSize: this.pagination.size,
queryString: {
userName: this.ruleForm3.userName,
userRealName: this.ruleForm3.realUserName,
},
};
await userMemberList(params).then((res) => {
this.tableData1 = res.rows;
this.pagination.total = res.total;
//将数据处理成与表单绑定数据同样格式
let tableData5 = [];
this.tableData.forEach((el) => {
this.tableData1.forEach((item) => {
if (el.id == item.id) {
tableData5.push(item);
}
});
});
//去调用toggleSelection方法进行反向绑定
this.toggleSelection(tableData5);
});
},
// 已有成员信息选择
toggleSelection(rows) {
//一般获取到后端的代码在设置this.$refs.multipleTable.toggleRowSelection(row)前这里还要加一个$nextTick
this.$nextTick(() => {
for (const row of rows) {
row.id && this.$refs.multipleTable1.toggleRowSelection(row, true);
}
});
},
