el-tree 获取

`el-tree` 是Element UI（一套基于Vue.js的桌面端组件库）中的一个组件，用于展示树形结构的数据，类似于文件夹的展开和收缩。通常，它用于展示具有层级关系的数据列表，例如部门组织结构、文件夹目录等。

要在Element UI中使用`el-tree`组件，你需要按照以下步骤操作：

1. 确保已经在你的项目中引入了Element UI库。
2. 在Vue组件的模板中使用`<el-tree>`标签。
3. 设置必要的属性，如`data`属性用于提供树形数据，`props`属性用于定义树节点的数据字段，`default-expand-all`用于设置是否默认展开所有节点等。
4. 根据需要，通过事件监听器（如`@node-click`）处理节点点击事件，以实现特定的功能，如选中节点。

下面是一个简单的`el-tree`示例代码：

<template>
  <el-tree
    :data="departmentData"
    :props="defaultProps"
    :expand-on-click-node="false"
    @node-click="handleNodeClick"
  ></el-tree>
</template>

<script>
export default {
  data() {
    return {
      departmentData: [
        {
          id: 1,
          label: '技术研发部',
          children: [
            { id: 4, label: '前端开发组', children: [] },
            { id: 5, label: '后端开发组', children: [] }
          ]
        },
        // 其他部门数据...
      ],
      defaultProps: {
        children: 'children',
        label: 'label'
      }
    };
  },
  methods: {
    handleNodeClick(node) {
      console.log('节点被点击：', node);
    }
  }
};
</script>

在上述代码中，`departmentData`是树形数据的数组，`defaultProps`定义了节点数据中`children`和`label`字段的键名，`node-click`事件用于监听节点的点击事件。