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;

});

相关推荐
chilavert3182 分钟前
技术演进中的开发沉思-230 Ajax:Prototype.js 重构原生 DOM
开发语言·前端·javascript
zhousenshan5 分钟前
vue3 createApp用法
vue.js
手握风云-8 分钟前
JavaEE 进阶第七期:Spring MVC - Web开发的“交通枢纽”(一)
前端·spring·java-ee
CaliXz10 分钟前
取出51.la统计表格内容为json数据 api
java·javascript·json
Rysxt_10 分钟前
Vue 集成富文本编辑器教程
前端·javascript·vue.js·富文本
开发者小天13 分钟前
React中的受控组件示例
前端·javascript·react.js
奋斗吧程序媛14 分钟前
request请求相关
前端·javascript·vue.js
dragoooon3415 分钟前
[Linux网络基础——Lesson9.「TCP 全连接队列与 tcpdump 抓包」]
前端·git·github
光影少年21 分钟前
用vite还是webpack多,vite为什么快
前端·webpack·node.js
waeng_luo21 分钟前
[鸿蒙2025领航者闯关] 鸿蒙应用中如何管理组件状态?
前端·harmonyos·鸿蒙·鸿蒙2025领航者闯关·鸿蒙6实战·开发者年度总结