el-tree实现父子节点不关联,包括禁用节点,父亲节点全选,父亲节点反选和总体全选反选,可以直接拿去用

1.父子不交互效果实现:

(1)节点的+标志是全选当前节点及子节点按钮

(2)修改标志是取消选中 前节点及子节点按钮

 el-tree实现父子节点不关联,包括禁用节点,父亲节点全选,父亲节点反选和总体全选反选,可以直接拿去用_第1张图片

2.当前页面点击全选按钮效果:(犹豫包括一个未选中禁用节点,所以全选按钮没勾选)

el-tree实现父子节点不关联,包括禁用节点,父亲节点全选,父亲节点反选和总体全选反选,可以直接拿去用_第2张图片

 3.取消全选按钮效果:同上(犹豫包括一个未选中的禁用的节点)

el-tree实现父子节点不关联,包括禁用节点,父亲节点全选,父亲节点反选和总体全选反选,可以直接拿去用_第3张图片

 4.下面是全部代码,小伙伴们可以细心观看,直接拿过去用也是可以的,不过数据是写死的你们根据自己情况修改。





最后感觉对自己有用可以点个赞,本人也是个菜鸟,给个鼓励谢谢大家!

你可能感兴趣的:(vue.js,javascript,elementui)