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;

});

相关推荐
一个有理想的摸鱼选手3 分钟前
在三维地球上以另一种视角感受巴威台风
前端·gis·ai编程
烬羽6 分钟前
递归老写崩?一个"退回"公式,把回溯题变成填空题
javascript·深度学习·算法
程序员黑豆1 小时前
鸿蒙应用开发:Grid组件实现九宫格布局教程
前端·华为·harmonyos
浮江雾1 小时前
Flutter第十七节-----路由管理(3)
android·开发语言·前端·javascript·flutter·入门
阿懂在掘金2 小时前
企业级命令式弹窗方案:三行代码适配已有 Dialog
前端·vue.js·前端框架
Revolution612 小时前
测试接口为什么进了生产包:前端环境变量到底在什么时候生效
前端·前端工程化
午安~婉2 小时前
Git中SSH连接
前端·git·gitee
盏灯2 小时前
mac 外接磁盘,热更新失效
前端·后端
那些年丶ny2 小时前
颜色扩展库
前端·javascript·数据可视化
ihuyigui2 小时前
海外签收通知短信接口
android·java·开发语言·前端·数据库·后端