背景
在使用,elementui 对tree结构树组件进行渲染的时候,后端给我的字段与element不太相符
需要自己再添加一个字段
上图
返回的字段
修改后
代码与效果
async GETTREE(){
let result = await getTree()
// console.log(result)
if(result.data.code == 0) {
let myTree = result.data.data
// 处理顶层name
myTree.name = myTree.label.name
// 递归给每个child加上name字段
function mapChilren (child) {
child.forEach((item)=>{
item.name = item.label.name
if(item.children) {
return mapChilren(item.children)
} else {
return
}
})
}
mapChilren(myTree.children)
this.treeData = myTree
// console.log(this.treeData)
}
},