el-tree一级二级三级展示不同图标

对于el-tree组件，可以通过设置自定义图标来实现一级、二级和三级节点展示不同的图标。下面是一个示例代码：

<template>
  <el-tree :data="treeData" :render-content="renderContent"></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          label: '一级节点',
          children: [
            {
              label: '二级节点',
              children: [
                {
                  label: '三级节点'
                }
              ]
            }
          ]
        }
      ]
    };
  },
  methods: {
    renderContent(h, { node }) {
      // 根据节点的层级设置不同的图标
      let icon = '';
      if (node.level === 1) {
        icon = 'el-icon-folder-opened';
      } else if (node.level === 2) {
        icon = 'el-icon-folder';
      } else if (node.level === 3) {
        icon = 'el-icon-document';
      }
      
      return (
        <span class="custom-tree-node">
          <i class={icon}></i>
          {node.label}
        </span>
      );
    }
  }
};
</script>

<style scoped>
.custom-tree-node {
  display: flex;
  align-items: center;
}
</style>

在上述示例中，我们使用了`renderContent`函数来自定义每个节点的内容。在`renderContent`函数中，我们根据节点的层级来选择不同的图标，然后将图标和节点的标签一起渲染。

你可以根据实际需求，修改图标的样式和class名称来适应你的项目。