tree树形组件回显问题 适用权限等场景

tree树形组件用的还是比较多的,大部分都会有会显得需求,这里接的一个不知道几手的项目有一个权限分配的功能bug,用到了tree组件,回显有问题的.这里贴出来代码看看

,

 

  <el-tree
        :data="shu"
        show-checkbox
        node-key="id"
        default-expand-all
        :expand-on-click-node="false"
        ref="tree"
        :default-expanded-keys="arr1"
        :default-checked-keys="arr1"
        @check-change="handleCheckChange"
        :props="defaultProps"
        check-strictly
      >
      </el-tree>

这里用到的是check-strictly属性,子父节点不关联,因为如果关联的话.子节点只要有一个不选中,父节点就不会被选中.很明显不符合需求.用了这个之后,他们就各自选中各自的就行了,然后手动给父节点选中情况来判断子节点是不是应该被选中,

handleCheckChange(a, b) {
      // 如果为取消
      if (b === false) {