el-tree 树结构渲染

el-tree 树结构渲染可以通过将数据渲染到 options 中实现。在 el-select 中，当数据中包含 children 字段时，el-tree 会将其视为树形数据进行渲染。为了正确渲染树形数据，需要指定一个唯一的 row-key，并通过 tree-props 配置指定 children 字段和 hasChildren 字段。可以通过点击 tree 树形导航来关联 tree 和 table，每个 tree 树都有一个对应的唯一 id 值和一个不唯一的 orgid 值。在添加时，将数据的 id 值传给后端，后端返回的数据中包含 children 字段即可。通过 @node-click="handleNodeClick" 可以获取到这两个 id 值。总结来说，el-tree 树结构渲染需要注意指定 row-key、配置 tree-props、处理点击事件等。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* *3* [el-tree树形控件的应用](https://blog.csdn.net/GengFuGuo/article/details/120481663)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [el-tree 动态树结构](https://blog.csdn.net/huangjinsheng1988/article/details/123015151)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]