el-tree实现多选、父子节点不关联、禁选

需求:

1、菜单树多选

2、父子节点不关联,互不影响

3、最多可勾选3条,大于3其余复选框禁选

4、将勾选的节点,按父子层级拼接name回显页面(如勾选了二级,需将一级name拿到并拼接起来:一级/二级)

5、回显页面的name可删除,删除的同时需同步更新菜单树勾选状态,禁选状态

效果图:

el-tree实现多选、父子节点不关联、禁选_第1张图片

代码:





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