el-tree 后端返回的树形结构重命名数据循环

<el-tree

:default-expand-all="true"

class="trees"

:data="cameraData"

:props="defaultProps"

@node-click="handleNodeClick"

:highlight-current="true"

>

</el-tree>

defaultProps: {

children: "children",

label: "label",

},

this.cameraData = res.datas.cameraList.map((ele) => {

ele.label = ele.floor;

ele.children = ele.cameraValue.map((v) => {

v.label = v.compartmentRoomName;

v.value = v.compartmentRoomName;

v.children = v.cameraDetail.map((o) => {

o.label = o.name;

o.status = o.deviceId;

o.loading = false;

o.isSelectEd = false;

o.timer = null;

return o;

});

return v;

});

return ele;

});

相关推荐
徐小夕16 分钟前
JitOffice:把办公、AI 与审批装进同一个平台
前端·vue.js·github
徐小夕21 分钟前
万字分享:为什么我们要自研Word解析引擎?JitWord 解析引擎 4.0 深度复盘
前端·vue.js·github
陈随易30 分钟前
副业搞钱点子之独立开发
前端·后端·程序员
console.log('npc')39 分钟前
问题跟踪与知识沉淀:从任务到知识的闭环)
前端·javascript·人工智能
恋猫de小郭1 小时前
最近 Android 有什么更新:Android Dev Summit 2026 技术解读
android·前端·flutter
计算机魔术师1 小时前
Reddit 宣布转向以登录为主的体验,以应对 AI 搜索带来的流量下滑
前端
熊猫钓鱼>_>1 小时前
上架审核常见驳回与隐私合规清单:过审前先自查这 8 条【鸿蒙心迹】
开发语言·前端·华为·华为云·harmonyos·openharmony·ai制作
missile1111 小时前
# HDR 算法 ISP 通路客制化方案(G100 / mt6789)
java·前端·javascript
挖掘狂人1 小时前
Vue nextTick 到底在等什么?一篇讲透原理与那些年踩过的坑
javascript·程序员·编程语言
全栈陈序员1 小时前
【Python】基础语法入门(三十)—— Web 开发入门:用 Flask 搭建第一个网站
前端·python·flask