做营销sass系统时,遇到一个奇葩的需求,树形结构,选择上级,取消掉下级的选中状态并禁选。取消掉父级的勾选,子级才可选。emmm.......
1、el-tree组件

2、首先父子级不联动

3、节点选中状态改变时触发

使用setCheckedKeys方法主要作用是当勾选父级时,取消掉其子级的勾选状态。其实就是手动让视图同步数据。传入的参数是真正选中的数据。
4、父级勾选时删除掉自己勾选过的数据。相当于删掉“池子”里原本属于子级的数据(使用递归查找树形结构数据)。

5、勾选父级禁选父级

完美解决!over~