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

您可以使用 el-tree 的自定义节点模板来实现一级、二级和三级节点展示不同的图标。下面是一个示例代码：

<template>
  <el-tree :data="treeData" :props="treeProps" :expand-on-click-node="false">
    <span v-if="isFirstLevel" slot-scope="{ node, data }">
      <i class="el-icon-folder"></i> {{ data.label }}
    </span>
    <span v-else-if="isSecondLevel" slot-scope="{ node, data }">
      <i class="el-icon-document"></i> {{ data.label }}
    </span>
    <span v-else slot-scope="{ node, data }">
      <i class="el-icon-notebook-2"></i> {{ data.label }}
    </span>
  </el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          label: '一级节点',
          children: [
            {
              label: '二级节点',
              children: [
                {
                  label: '三级节点'
                }
              ]
            }
          ]
        }
      ],
      treeProps: {
        children: 'children',
        label: 'label'
      }
    };
  },
  computed: {
    isFirstLevel() {
      return (node) => node.level === 1;
    },
    isSecondLevel() {
      return (node) => node.level === 2;
    }
  }
};
</script>

在上面的代码中，我们使用了 `slot-scope` 来访问节点的信息。通过计算属性 `isFirstLevel`、`isSecondLevel`，我们可以判断节点的层级，并根据不同的层级显示不同的图标。您可以根据实际需求修改图标的类名，以满足您的样式要求。