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;

});

相关推荐
Hilaku36 分钟前
你们公司有 35 岁以上的前端吗?
前端·javascript·程序员
徐小夕43 分钟前
开源Vector-Graph-RAG:向量+图谱双引擎,打破纯向量RAG的效果天花板
前端·vue.js·github
SameX1 小时前
HarmonyOS ArkTS 把组件截图保存成 PNG 再调系统分享面板的做法
前端
Swot1 小时前
SvelteKit SSG 发布后,为什么老访客非要强刷才能看到新内容?
前端
鸿蒙开发1 小时前
小程序存档写到一半怎么办?双槽保存与损坏恢复实战
前端·javascript·react.js
知忆_IS2 小时前
TerriaMap 开发实战04:MVT数据自定义符号化 - terriajs源码修改
javascript·webgis·terriamap·terriajs
卸任2 小时前
AI 编程工具越用越多,模型配置越来越乱:用 Magpie 把它们管起来
前端·ai编程
前端一课2 小时前
凝神诀
前端
前端双越老师3 小时前
程序员 1v1 访谈系列第十三期:大龄已育空窗一年如何破局
前端·ai编程·全栈
恋猫de小郭3 小时前
Flutter 大小核优化又被回滚,然后又开新提案?
android·前端·flutter