element+vue树状结构

element+vue树状结构

树状结构勾选父级不联动子级，勾选子级联动父级

使用场景:element的树状结构满足不了项目的需求
效果：

1. 父节点选中，其子节点不会全部选中
2. 父节点取消选中，子节点跟随取消
3. 子节点选中，父节点会跟着一起选中
4. 取消子节点选中，父节点不会取消选中

<el-tree
          :data="dataArray"
          show-checkbox
          :default-expand-all="false"
          :render-after-expand="true"
          node-key="key"
          :check-strictly="true"
          ref="tree"
          :default-checked-keys="defaultArr"
          @check="check"
          :props="defaultProps"
></el-tree>

主要参数：

• key(自定义节点的绑定值)
• chek-strictly(取消子父级联动======自定义)
• defaultArr(默认选中)
• check(点击节点复选框执行事件)
• defaultProps（自定义label）