element-ui树状图实现文字+图标怎么实现？

对于您的问题，我可以为您提供以下代码示例实现element-ui树状图中文字和图标的功能：

<template>
<el-tree :data="treeData" :props="defaultProps" node-key="id">
<span class="custom-tree-node">
<span>{{node.label}}</span>
<i class="el-icon-circle-plus custom-icon-add" @click.stop="handleAdd(node)"></i>
</span>
</el-tree>
</template>

<script>
export default {
data() {
return {
treeData: [{
id: 1,
label: 'Node1'
}, {
id: 2,
label: 'Node2'
}, {
id: 3,
label: 'Node3'
}]
}
},
methods: {
handleAdd(node) {
console.log(node)
},
defaultProps: {
children: 'children',
label: 'label',
isLeaf: 'leaf'
}
}
}
</script>

在上面的代码中，我们使用了element-ui的tree组件，并自定义了节点的样式。其中，custom-icon-add表示自定义的图标样式，handleAdd方法表示点击图标时的操作。同时，我们在defaultProps中定义了节点的属性，包括children、label和isLeaf。这样，我们便可以实现element-ui树状图中文字和图标的效果。