// 勾选全选反勾选等实现
setChecked(data) {
for (let i = 0; i < data.length; i++) {
const node = data[i];
if (node.isCheck) {
// 如果当前节点被勾选,将其子节点全部设置为选中状态
if(node.children) {
for (let j = 0; j < node.children.length; j++) {
const childNode = node.children[j];
childNode.isCheck = true;
if (childNode.children){
this.setChecked(childNode.children); // 递归地设置子节点的子节点为选中状态
}
}
}else {
this.deptList.forEach(item => {
if (item.id === node.parentId) {
if (item.children && item.children.every(child => child.isCheck === true)) {
item.isCheck = true;
}
}
});
}
} else {
// 如果当前节点未被勾选,将其子节点全部设置为未选中状态
if(node.children) {
for (let j = 0; j < node.children.length; j++) {
const childNode = node.children[j];
childNode.isCheck = false;
if (childNode.children){
this.setChecked(childNode.children); // 递归地设置子节点的子节点为未选中状态
}
}
}else{
this.deptList.forEach(item => {
if (item.id === node.parentId) {
if (item.children && item.children.every(child => child.isCheck === false)) {
item.isCheck = false;
}
}
});
console.log(this.deptList,'最后的数据')
}
}
}
},
el-table 表格里面有tree 层级 进行勾选和反勾选
爱心觉罗晓宇2023-10-13 12:50
相关推荐
小白学习日记33 分钟前
【复习】HTML常用标签<table>程序员大金37 分钟前
基于SpringBoot+Vue+MySQL的装修公司管理系统john_hjy37 分钟前
11. 异步编程风清扬_jd1 小时前
Chromium 中JavaScript Fetch API接口c++代码实现(二)丁总学Java1 小时前
微信小程序-npm支持-如何使用npm包yanlele1 小时前
前瞻 - 盘点 ES2025 已经定稿的语法规范It'sMyGo1 小时前
Javascript数组研究09_Array.prototype[Symbol.unscopables]懒羊羊大王呀1 小时前
CSS——属性值计算xgq2 小时前
使用File System Access API 直接读写本地文件李是啥也不会2 小时前
数组的概念