首先使用el-tree组件，然后定义好data数据，可以看到里面有自定义设置的icon字段，就是用来存放对应的图标的类名的
然后用插槽来把图标插入进去，图标的类可以在data里面获取，如果需要还可以给这个icon绑定事件
然后把原来el-tree的图标隐藏掉，注意必须重写element原来的样式，而且要设置为全局样式来覆盖（也就是不加scoped）
我这里就加一个自定义的类进行限制，防止别处也被修改 当然你也可以用深度选择器（此处不讨论这个）
最后说一句，插槽的node以及data提供了许多的方法和属性给我们，要善用这些数据
至于这些数据有什么，就需要自己去打印查看分析哦
先使用el-tree组件，然后定义好data数据，可以看到里面有自定义设置的icon字段，就是用来存放对应的图标的类名的 ![watermark_type_ZmFuZ3...
先演示效果图 ![在这里插入图片描述][20210423105127866.gif] 代码部分 <el-dialog title="选择资源保存路径" :vi
效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm
项目场景： elementui组件中，树形组件的使用 -------------------- 问题描述： 通过树形结构展示，点击勾选数据。没有展开树结构的情况
[Avue][] 这个基于Element的二次封装可以看看 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0
vue-element-admin一个基于 vue2.0 和 Eelement 的控制面板 UI 框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成
一、概述 用清晰的层级结构展示信息，可展开或折叠。 官方网站：[https://element.eleme.cn/\/zh-CN/component/tree][htt
近期由于项目中需要使用easyui tree树形列表，并在系统中动态配置节点的图标，根据官方demo，配置图标只能使用iconCls树形来对每个节点进行图标的设置，这使得在数据
在模板中使用el-tree标签 给data属性绑定树形结构数据即可 <el-tree :data="treeData"></el-tree> 接着在data中
缺乏、安全感
淩亂°似流年
深藏阁楼爱情的钟
还没有评论，来说两句吧...