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;

});

相关推荐
RedHeartWWW2 分钟前
nextjs中,关于Layout组件和Page组件的认知
前端·react.js
大明二代2 分钟前
基于 Microsoft Graph API 与 React Email 构建现代化邮件发送系统
前端·react.js·microsoft
sujiu5 分钟前
eslint匹配规则速通
前端
Zyx20076 分钟前
用 Vue 3 构建任务清单:响应式编程的优雅实践
前端
风止何安啊6 分钟前
那些让你 debug 到凌晨的陷阱,我帮你踩平了:React Hooks 避坑指南
前端·react.js·面试
用户279656042708 分钟前
wx微信小程序部分逻辑
前端
大大花猫10 分钟前
我用AI写了个小程序,却被人说没有底线…
前端·微信小程序·交互设计
小笔学长10 分钟前
观察者模式:实现对象间的消息传递
javascript·观察者模式·项目实战·前端开发
码界奇点13 分钟前
基于SpringBoot+Vue的新冠物资管理系统设计与实现
vue.js·spring boot·后端·spring·车载系统·毕业设计·源代码管理
梵尔纳多15 分钟前
打包 Electron 程序
前端·javascript·electron