后端返回这样格式的数据，怎么使用element树形控件把它渲染出来？

id: 111, 1212, 1313, 1415    text:xxx   childen:[ ]
id:0101    text: xxx   childen:[ ]
id:010101  text:xxx  childec: [ ]

后端返回这样格式的数据，怎么使用element树形控件把它渲染出来？

使用树组件的这个方法可以实现

id: 111, 1212, 1313, 1415    text:xxx   childen:[ ]格式不对吧，树的结构不是这样的吧。

elementui的tree的格式为[{label:'',children:[]}]你把text换成label就行了

可以做，但是你这样格式的数据我没看出是什么规律。

你要把这个数据转换成什么样子?

转成树形结构可以用递归来实现

处理下数据，看后端返回数据类型做调整

var data1 = []
        var data2 = [
            {
                id: 111,
                text:'xxx',
                childen:[ ],
            },
            {
                id:0101,
                text: 'xxx',
                childen:[ ],
                
            },
            {
                id:010101,
                text:'xxx',
                childec: [ ]
            }
        ]
        for(var x in data2){
            var obj = {}
            obj = {
                id:data2[x].id,
                label:data2[x].text,
                children:data2[x].children
            }
            data1.push(obj)
            console.log('处理后的数据',data1)
            console.log('obj',obj)
        }

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

非常感谢您使用有问必答服务，为了后续更快速的帮您解决问题，现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中，希望能得到您的支持与协助！

速戳参与调研>>>https://t.csdnimg.cn/Kf0y