el-table表格树状图复选框全选问题,勾选全选时,子结构未被勾选

在table里进行绑定el-table表格树状图复选框全选问题,勾选全选时,子结构未被勾选_第1张图片

ref="districtTable"   @select-all="selectAll"

在data里进行声明

isAllSelect: false  //定义是否全选的初始值

在方法methods里写

// 全选/取消选操作
selectAll() {
   this.isAllSelect = !this.isAllSelect; // isAllSelect  data里定义的初始值
   this.splite(this.parentsData, this.isAllSelect); // parentsData  表格存储的数据
},
/* 处理数据*/
splite(data, flag) {
   data.forEach((row) => {
       this.$refs.districtTable.toggleRowSelection(row, flag); // districtTable  el-table里绑定的ref
       if (row.parentDetailWithRelationshipVOS != undefined) {
           this.splite(row.parentDetailWithRelationshipVOS);  // parentDetailWithRelationshipVOS   子节点的数据
       }
   });
},

你可能感兴趣的:(vue,vue)