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;

});

相关推荐
葡萄城技术团队6 分钟前
智慧表格(SpreadJS + AI):拥抱 Web 端对话式办公新时代
前端·人工智能
OpenTiny社区35 分钟前
电商系统集成GenUI SDK实操指南
前端·开源·ai编程
A_nanda37 分钟前
vue实现后端传输逐帧图像数据
前端·javascript·vue.js
YGY顾n凡39 分钟前
我开源了一个项目:一句话创造一个AI世界!
前端·后端·aigc
qq_120840937142 分钟前
Three.js 工程向:动画循环与时间步进稳定性实践
前端·javascript
旷世奇才李先生1 小时前
React18\+TypeScript实战: Hooks封装与企业级组件开发
前端·javascript·typescript
午安~婉1 小时前
Electron(续4)利用AI辅助完成配置功能
前端·javascript·electron·应用打包与发布
tERS ERTS1 小时前
头歌答案--爬虫实战
java·前端·爬虫
当时只道寻常1 小时前
Vue3 集成 NProgress 进度条:从入门到精通
前端·vue.js