element el-tree 添加图标
2024-10-13 03:37:22
1、指定渲染函数:render-content="renderContent"
<el-tree ref="tree" :data="functionData" :props="props" accordion :default-checked-keys="selectFunction" show-checkbox node-key="id" :render-content="renderContent"></el-tree>
2、根据自己需要配置选项
props: {
children: 'children',
label: 'name'
}
3、实现渲染函数
renderContent (h, { node, data, store }) {
return (
<span>
<i class={data.icon}></i>
<span> {node.label}</span>
</span>
)
}
4、数据源格式
"treeData": [
{
"id": 1,
"name": "group",
"icon": "el-icon-menu",
"children": []
}]
最新文章
- Adressing
- JavaMail发送邮件时判断发送结果1.5.x
- Effective Java 53 Prefer interfaces to reflection
- python简要
- jquery.cookie.js 配置
- AS3 - 数组Array的几个常用方法（附样例）
- CSS基础知识——选择器
- CentOS7安装性能监控系统
- 全球顶级专家为你解读：什么是真正的 DevOps？
- LDA-线性判别分析（四）
- 队列--Redis+Log4Net
- Dynamics CRM 相关资料
- swap与dd命令使用详解
- Python 学习笔记7 条件语句 If
- Yii2 设计模式——静态工厂模式
- （Python基础）简单购物车代码
- Cpython支持的进程与线程
- 在windows下安装nvm并管理nodejs版本
- SVN:多版本库环境的搭建
- Java基础——TreeSet