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;

});

相关推荐
Cyclo-2 小时前
PDFJS 在React中的引入 使用组件打开文件流PDF
前端·react.js·pdf
椒盐螺丝钉4 小时前
Vue Router应用:组件跳转
前端·javascript·vue.js
顾安r5 小时前
11.20 开源APP
服务器·前端·javascript·python·css3
敲敲了个代码5 小时前
CSS 像素≠物理像素:0.5px 效果的核心密码是什么?
前端·javascript·css·学习·面试
少云清5 小时前
【软件测试】5_基础知识 _CSS
前端·css·tensorflow
倔强青铜三6 小时前
AI编程革命:React + shadcn/ui 将终结前端框架之战
前端·人工智能·ai编程
二川bro6 小时前
第57节:Three.js企业级应用架构
开发语言·javascript·架构
天外飞雨道沧桑6 小时前
前端开发 Cursor MCP 提效工具配置
前端·vscode·ai编程·开发工具·cursor
朱哈哈O_o6 小时前
前端通用包的作用——jquery篇
前端
葡萄城技术团队6 小时前
纯前端驱动:在线 Excel 工具的技术革新与实践方案
前端·excel