el-tree实现默认全选
时间: 2023-10-20 08:10:06 浏览: 265
el-select 下拉框多选实现全选的实现
你可以在 el-tree 的 data 中添加一个默认选中的属性,例如:
```javascript
data: [{
label: 'Node 1',
id: 1,
// 添加默认选中属性
checked: true,
children: [{
label: 'Child 1',
id: 2,
checked: true
}]
}]
```
这样,el-tree 在初始化时就会默认选中这些节点。同时,你还需要在 el-tree 的 props 中设置 `default-checked-keys` 属性为 `true`,如下:
```html
<el-tree :data="data" :default-checked-keys="[true]"></el-tree>
```
这样,所有默认选中的节点都会被全选上。如果你希望只有默认选中的节点被选中,而其他节点不被选中,可以将 `default-checked-keys` 属性设置为默认选中节点的 id 数组,如下:
```html
<el-tree :data="data" :default-checked-keys="[1, 2]"></el-tree>
```
阅读全文