el-tree 复选框从后台拿到数据 怎样回显
时间: 2023-07-20 07:21:48 浏览: 100
layui表格数据复选框回显设置方法
5星 · 资源好评率100%
对于 element-ui 的 el-tree 组件,如果需要从后台拿到数据并进行复选框的回显,需要先将后台返回的数据转换成符合 el-tree 要求的数据格式,即包含 label、children、value、disabled、checked 等属性的对象数组。
然后在 el-tree 组件中使用 :props 属性来指定数据的属性字段,例如:
```html
<el-tree :data="treeData" :props="{ label: 'name', children: 'children', disabled: 'disabled', checked: 'checked' }"></el-tree>
```
其中,treeData 是转换后的数据对象数组。在 :props 中,需要指定 label、children、disabled、checked 等属性对应的字段名。
这样就可以实现从后台拿到数据并进行复选框的回显了。
阅读全文