el-tree怎么更改icon图标

在Element UI的el-tree组件中，如果你想更改节点的图标，你可以通过配置`default-checked-icon-class`、`default-expanded-icon-class`、`default-folder-icon-class`和`default-file-icon-class`属性来实现。这些属性允许你自定义已有的图标或者添加自定义CSS类名，关联到节点的不同状态。

例如，如果你想要改变默认展开节点的图标，可以这样做：

<el-tree
  :data="treeData"
  :default-expanded-keys="expandedKeys"
  default-expanded-icon-class="custom-expand-icon"
>
</el-tree>

<style scoped>
.custom-expand-icon {
  /* 这里写你的自定义CSS样式，比如引用一个新的SVG图标 */
  font-family: 'your-font-family';
  content: '\e614'; // 使用Element UI提供的内置图标库，或者你自己定义的Unicode编码
  color: your-color;
}
</style>

记得将`your-font-family`替换为你的字体库名称，`'\e614'`换成你需要显示的实际图标名称，或者使用自定义的Unicode编码，`your-color`则设置图标颜色。

同样，你也可以为其他状态下的图标做类似的操作，只需要修改对应的属性即可。