vue+elementui使用el-tree实现带头像下拉树

可以通过在el-tree中使用自定义模板来实现带头像的下拉树。具体步骤如下：

1. 在el-tree节点数据中添加头像url属性，例如：

[
  {
    label: '节点1',
    children: [
      { label: '子节点1', avatar: '头像url' },
      { label: '子节点2', avatar: '头像url' }
    ]
  },
  {
    label: '节点2',
    children: [
      { label: '子节点3', avatar: '头像url' },
      { label: '子节点4', avatar: '头像url' }
    ]
  }
]

2. 在el-tree中使用自定义模板来渲染节点，例如：

<el-tree :data="data">
  <template v-slot="{ node, data }">
    <span v-if="data.avatar">
      <img :src="data.avatar" alt="" style="width: 20px; height: 20px; border-radius: 50%; margin-right: 10px;">
    </span>
    <span>{{ node.label }}</span>
  </template>
</el-tree>

这样就可以在el-tree中显示带头像的下拉树了。