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;

});

相关推荐
小果子^_^1 分钟前
div或按钮鼠标经过或鼠标点击后效果样式
前端·css·计算机外设
han_2 分钟前
前端性能优化之性能瓶颈点,Web 页面加载全流程解析
前端·javascript·性能优化
禅思院2 分钟前
Vite 开发环境下实现 YAML 配置热更新方案
前端·vue.js·前端框架
C_心欲无痕3 分钟前
vue3 - toRefs将响应式对象转换为普通对象
前端·javascript·vue.js
sun0077004 分钟前
macvlan解决vlan路由冲突
前端·chrome
小oo呆4 分钟前
【自然语言处理与大模型】LangChainV1.0入门指南:AgentState介绍
前端·javascript·easyui
我是伪码农11 分钟前
电子时钟案例
javascript·css·css3
weixin_4624462314 分钟前
Electron 禁止复制粘帖
前端·javascript·electron
@小张在努力15 分钟前
Javascript中的闭包
开发语言·javascript·ecmascript
be or not to be16 分钟前
CSS 文本样式与阴影整理笔记
前端·css·笔记