el-tree怎么用

`el-tree`是Element UI库中的一个组件，它是一个树形数据展示组件，常用于组织结构、目录列表或者是层级关联的数据展示。使用`el-tree`可以方便地管理节点之间的层次关系，并提供丰富的交互功能如点击展开收起、拖拽调整顺序等。

以下是基本的用法步骤：

1. **安装Element UI**：首先需要在项目中引入Element UI，如果使用npm，可以在`package.json`中添加依赖项并运行`npm install element-ui@latest`。

2. **导入组件**：在Vue文件中，通过`import { ElTree } from 'element-ui';`导入`ElTree`组件。

import { ElTree } from 'element-ui';

3. **注册组件**：如果未全局注册，需要在Vue实例中注册。

export default {
  components: {
    ElTree
  }
};

4. **配置数据源**：创建一个树形数据结构，每个节点通常包含`label`（显示文本）、`children`（子节点数组）等字段。

5. **在模板中使用组件**：

   <div>
     <el-tree :data="treeData" :props="{ children: 'children', label: 'name' }"></el-tree>
   </div>

6. **初始化数据**：在组件的实例中设置`treeData`变量。

完整的示例可能会包括节点的增删改查操作，以及事件监听如节点点击等。记得在`props`选项中指定节点属性绑定的关键字，比如这里用的是`children`和`label`。