elementui中的tree自定义图标

在Element UI中，您可以通过render-content属性来自定义树节点的图标。以下是一个简单的例子，展示如何使用Vue的渲染函数来实现自定义图标：

<template>
  <el-tree
    :data="treeData"
    :props="defaultProps"
    :render-content="renderContent"
  ></el-tree>
</template>
 
<script>
export default {
  data() {
    return {
      treeData: [
        // 树形数据
      ],
      defaultProps: {
        children: 'children',
        label: 'label'
      }
    };
  },
  methods: {
    renderContent(h, { node, data }) {
      return (
        <span>
          <i class="custom-icon" style="margin-right: 8px;">{node.label}</i>
        </span>
      );
    }
  }
};
</script>
 
<style>
.custom-icon {
  /* 自定义图标样式 */
}
</style>

在这个例子中，renderContent方法使用Vue的h函数（即createElement函数）来创建一个包含自定义图标的<span>元素。您可以通过修改.custom-icon的样式或者添加其他图标库的类来实现不同的图标效果。