el-tree渲染数据

el-tree 是 ElementUI 中的一个树形组件，可以用来展示树形结构的数据，例如文件目录、组织架构等。它的渲染数据需要根据数据结构进行递归处理。

以下是一个简单的 el-tree 渲染数据的示例：

<template>
  <el-tree :data="treeData" :props="treeProps"></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          label: '一级节点1',
          children: [
            {
              label: '二级节点1-1',
              children: [
                {
                  label: '三级节点1-1-1'
                },
                {
                  label: '三级节点1-1-2'
                }
              ]
            },
            {
              label: '二级节点1-2'
            }
          ]
        },
        {
          label: '一级节点2'
        }
      ],
      treeProps: {
        label: 'label',
        children: 'children'
      }
    };
  }
};
</script>

在这个示例中，treeData 是一个数组，每个元素都表示一级节点，并包含一个 children 属性，表示它的子节点。子节点也可以是一个数组，以此类推。

treeProps 是一个对象，用来指定树形组件如何读取数据中的 label 和 children 属性。在这个示例中，我们指定 label 属性为 'label'，children 属性为 'children'，这样 el-tree 组件就能正确地读取数据并展示出来。

需要注意的是，在使用 el-tree 渲染数据时，需要保证数据结构正确，否则会导致渲染错误。同时，el-tree 也支持自定义节点样式、节点图标等，可以根据实际需求进行配置。