el-tree更换图标

您可以使用 el-tree 组件的 icon 属性来更换图标。您可以通过以下几种方式更改 el-tree 的图标：

1. 使用自定义图标库：您可以在 icon 属性中使用您喜欢的图标库，例如 Font Awesome 或 Element UI 自带的图标库。首先，确保您已经引入了相应的图标库资源文件。然后，将图标的类名作为 icon 属性的值传递给 el-tree 组件。例如：

<template>
  <el-tree :data="treeData" :props="defaultProps">
    <span class="custom-icon" slot="icon">[自定义图标类名]</span>
  </el-tree>
</template>

<style>
.custom-icon {
  /* 根据需要设置自定义图标的样式 */
}
</style>

2. 使用 Element UI 自带的图标：如果您使用的是 Element UI 版本的 el-tree 组件，它内置了一些默认图标。您可以在 icon 属性中使用这些默认图标的名称。例如：

<template>
  <el-tree :data="treeData" :props="defaultProps" :icon-class-name="customIconClass">
  </el-tree>
</template>

<script>
export default {
  data() {
    return {
      customIconClass: {
        expanded: 'el-icon-folder-opened',
        collapsed: 'el-icon-folder',
        leaf: 'el-icon-document',
      },
    };
  },
};
</script>

在上述代码中，您可以根据需要选择不同的默认图标名称来更换 el-tree 的图标。

请注意，以上示例代码中的 treeData 和 defaultProps 是示意用途的，您需要根据实际情况进行修改。另外，如果您需要更多自定义的功能，还可以通过重写 el-tree 组件的默认渲染函数来实现更高级的图标定制。