el tree勾选子节点父节点没关联
时间: 2023-12-17 21:28:38 浏览: 93
vb treeview 父节点和子节点联动,父节点被选中子节点全部被选中,子节点全部被选中,则父节点被选中,取消选中子节点,父节点被取消选中
5星 · 资源好评率100%
el-tree的复选框默认情况下是父子节点互相关联的,即父节点勾选,子节点也会被勾选;子节点勾选,父节点也会被勾选。如果想要实现父子节点不互相关联,可以使用属性check-strictly,并将其设置为true。具体实现方法如下:
```html
<el-tree :data="data" :props="defaultProps" show-checkbox check-strictly></el-tree>
```
如果想要从后台获取默认勾选的节点,可以使用el-tree的default-checked-keys属性。该属性接受一个数组,数组中的元素为节点的key值。如果一个父节点被勾选,那么它的所有子节点都会被渲染出来。如果只想渲染已经勾选的子节点,可以使用default-expanded-keys属性。具体实现方法如下:
```html
<el-tree :data="data" :props="defaultProps" show-checkbox :default-checked-keys="checkedKeys" :default-expanded-keys="expandedKeys"></el-tree>
```
其中,checkedKeys和expandedKeys分别为已勾选节点和已展开节点的key值数组。需要注意的是,如果一个父节点被勾选,那么它的所有子节点都会被渲染出来,无论子节点是否被勾选。
阅读全文