// 勾选全选反勾选等实现
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
相关推荐
懒大王爱吃狼27 分钟前
Python教程:python枚举类定义和使用待磨的钝刨2 小时前
【格式化查看JSON文件】coco的json文件内容都在一行如何按照json格式查看逐·風4 小时前
unity关于自定义渲染、内存管理、性能调优、复杂物理模拟、并行计算以及插件开发Devil枫5 小时前
Vue 3 单元测试与E2E测试尚梦6 小时前
uni-app 封装刘海状态栏(适用小程序, h5, 头条小程序)GIS程序媛—椰子6 小时前
【Vue 全家桶】6、vue-router 路由(更新中)前端青山6 小时前
Node.js-增强 API 安全性和性能优化毕业设计制作和分享7 小时前
ssm《数据库系统原理》课程平台的设计与实现+vue程序媛小果7 小时前
基于java+SpringBoot+Vue的旅游管理系统设计与实现从兄7 小时前
vue 使用docx-preview 预览替换文档内的特定变量