elementUI-Tree 树形控件自定义展开关闭图标

先去iconfont.cn添加你需要的图标，在项目中引用

iconfont.png

                       <el-tree
                                :data="catalogueList"
                                ref="tree"
                                :props="defaultProps"
                                node-key
                                @node-click="handleNodeClick"
                                style="max-height: 645px; overflow:auto;width: 300px;"
                        >
                        <span class="custom-tree-node" slot-scope="{ node, data }">
                            <span :name="node.label">
                                <i v-if="data.children.length>0"
                                :class="node.expanded ? 'iconfont icon-wenjianjia12' : 'iconfont icon-wenjianjia8'"></i>
                                <i v-else class="iconfont icon-wenjian11"></i>{{ node.label }}
                            </span>
                        </span>
                        </el-tree>

效果 效果.png