el-table tree添加图标

要在 el-table tree 中添加图标，您可以使用 el-table-column 的 slot-scope 属性和 el-icon 组件来实现。具体步骤如下：

1. 在 el-table 中添加 tree-props 属性，用于指定树形结构的属性配置。

<el-table :data="data" :tree-props="{ hasChildren: 'hasChildren', children: 'children' }">
  ...
</el-table>

2. 在 el-table-column 中添加一个 slot-scope 属性，用于自定义列的内容。在自定义的内容中，使用 el-icon 组件来展示图标。

<el-table-column label="名称" prop="name">
  <template slot-scope="{ row }">
    <span>
      <el-icon :class="getIconClass(row)"></el-icon>
      {{ row.name }}
    </span>
  </template>
</el-table-column>

3. 在 methods 中添加一个 getIconClass 方法，用于根据节点的级别和展开状态返回不同的图标样式。

methods: {
  getIconClass(row) {
    if (row.level === 1) {
      return 'el-icon-folder'
    } else if (row.level === 2) {
      return row.hasChildren ? 'el-icon-folder-opened' : 'el-icon-document'
    } else {
      return 'el-icon-document'
    }
  }
}

在上面的代码中，我们根据节点的 level（级别）、hasChildren（是否有子节点）属性来返回不同的图标样式。您可以根据自己的需求进行修改。

注意：如果您需要使用自定义的图标，可以将 el-icon 组件替换为 img 标签，并设置相应的 src 属性即可。