layui2.9 树组件默认无法修改节点图标,修改过程记录下

官方文档树组件 data 参数值,未提供icon属性配置

需要修改源码 layui.js, 搜索图片中标记部分

查找到之后,修改为 <i class="'+(i.icon || "layui-icon layui-icon-file")+'"> 如图:

修改完成后,即可在data中添加icon属性 例如:

html 复制代码
var data = [{
    name: '节点1',
    children: [{
        name: '节点1-1',
        icon: 'layui-icon layui-icon-layer'
    }]
}]

工作中的笔记,仅供参考

相关推荐
java—大象11 天前
基于java SSM的房屋租赁系统设计和实现
java·开发语言·数据库·spring boot·layui·mybatis
武昌库里写JAVA14 天前
Vue.js状态管理: 使用Vuex实现状态统一管理的最佳实践
vue.js·spring boot·毕业设计·layui·课程设计
武昌库里写JAVA14 天前
VUE vuex深入浅出
vue.js·spring boot·毕业设计·layui·课程设计
加油,前进16 天前
layui和vue父子级页面及操作
javascript·vue.js·layui
雾林小妖17 天前
Layui的table实现鼠标移入单元格后tips弹框提示
layui·tips·table内容弹框显示
武昌库里写JAVA22 天前
IDE(集成开发环境),集成阿里云的通义大模型
vue.js·spring boot·毕业设计·layui·课程设计
MRchai__1 个月前
基于Spring Boot的云音乐平台设计与实现
layui·springboot
hbrown1 个月前
Flask+LayUI开发手记(八):通用封面缩略图上传实现
javascript·flask·layui
QQ_hoverer1 个月前
前端使用 preview 插件预览docx文件
前端·javascript·layui·jquery
孤蓬&听雨1 个月前
Axure高保真LayUI框架 V2.6.8元件库
前端·layui·产品经理·axure·原型设计