先放element默认样式及代码:
需要实现的样式如下图:
这里提一下,动态添加图标使用的是 Slot 自定义树节点的内容,需要注意的是自定义树节点的内容,参数为 { node, data }
设置文字及图表样式可通过添加自定义类名设置
<!-- HTML片段 -->
<el-tree class="filter-tree" :data="data" node-key="id" :props="defaultProps" highlight-current default-expand-all :filter-node-method="filterNode" ref="tree" @node-click="handleNodeClick">
<span slot-scope="{ node, data }" class="span__">
<!-- <i class="el-ico