element plus中tree组件的使用以及自定义图标
<el-tree :data="data" node-key="id" ref="tree" icon-class="el-icon-share" :props="defaultProps"> <template #default="scope"> <div class="custom-node"> <i class="el-icon-edit"></i> <span>{{scope.node.label}}</span> </div> </template> </el-tree>
通过slot插槽可以自定义节点内容,如果想替换图标,需要自定义图标并把之前的图标隐藏
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步