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;

});

相关推荐
NEXT062 分钟前
拒绝“盲盒式”编程:规范驱动开发(SDD)如何重塑 AI 交付
前端·人工智能·markdown
@大迁世界23 分钟前
仅用 CSS 实现元素圆形排列的方法
前端·css
一只大侠的侠1 小时前
React Native for OpenHarmony:DatePicker 日期选择器组件详解
javascript·react native·react.js
JosieBook1 小时前
【Vue】15 Vue技术——Vue计算属性简写:提升代码简洁性的高效实践
前端·javascript·vue.js
rfidunion1 小时前
springboot+VUE+部署(11。Nginx)
linux·vue.js·nginx
weixin199701080162 小时前
Lazada商品详情页前端性能优化实战
前端·性能优化
x-cmd2 小时前
[x-cmd] Node.js 的关键一步:原生运行 TypeScript 正式进入 Stable
javascript·typescript·node.js·x-cmd
星火开发设计2 小时前
异常规范与自定义异常类的设计
java·开发语言·前端·c++
CappuccinoRose3 小时前
CSS 语法学习文档(十一)
前端·css·学习·表单控件
海兰3 小时前
Elastic Stack 9.3.0 日志探索
java·服务器·前端