给 element树组件 el-tree自定义icon图标:
-
可以通过插槽的方式:
<el-tree :data="treeData" default-expand-all node-key="id" ref="tree" @node-click="nodeClick" :props="defaultProps" highlight-current :expand-on-click-node="false" style="height:100%; margin-top:30px; background-color:#FFF;" > <span class="custom-tree-node" slot-scope="{ node, data }"> <span v-if="data.children" class="iconfont">  </span> // 父级icon <span v-else class="iconfont" style="margin-right: 3px"></span> // 子集icon <span>{{ node.label}}</span> </span> </el-tree>
-
效果: