elementui tree 数据处理

Element UI 的 Tree 组件是一个用于展示层级结构数据的工具，它可以帮助开发者轻松地构建树状菜单。处理 Tree 数据主要包括以下几个步骤：

1. **数据格式**：Tree 需要的数据通常是嵌套的对象数组，每个对象通常包含 `label` (标签)、`value` (值，一般用于唯一标识节点)、`children` (子节点列表) 等字段。

[
  {
    label: '根节点1',
    value: 'root1',
    children: [
      { label: '子节点1', value: 'child1' },
      { label: '子节点2', value: 'child2' }
    ]
  },
  {
    label: '根节点2',
    value: 'root2'
  }
]

2. **初始化组件**：在 Vue 中，你可以将数据绑定到 `el-tree` 的 `data` 属性上：

<el-tree :data="treeData" ref="tree"></el-tree>

3. **事件处理**：Element UI 提供了如 `@node-click`、`@load` 和 `@expand-change` 等事件，可以根据需要处理节点点击、加载子节点和状态变化等操作。

4. **动态加载**：如果数据是异步加载的，可以利用 ` loadChildren` 函数在点击展开某个节点时加载其子节点。

5. **搜索功能**：如果需要搜索功能，可以配合 Element UI 的其他组件如 `el-input` 实现，监听输入框的变化并筛选节点。