树形控渲染列表报错
接口返回的数据类型、格式
[
{
"id": 1,
"glid": "45cc91d9-12a2-4ef4-9498-7af3c15d242b",
"pGlid": "0",
"level": 0,
"name": "LOWER LEVEL",
"externalId": "0",
"groupname": ""
},
{
"id": 2,
"glid": "e72dff18-f954-49a7-8f69-8c3c85d6d86a",
"pGlid": "45cc91d9-12a2-4ef4-9498-7af3c15d242b",
"level": 1,
"name": "墙",
"externalId": "0",
"groupname": "墙"
}
]
代码处理方式
组件
"modelFoolTree">
<el-card class="box-card">
<el-tree :data="modelFloorTree" show-checkbox default-expand-all node-key="id" ref="tree"
highlight-current :props="defaultProps" :indent="indent">
el-tree>
el-card>
data
modelFloorTree: this.configJson.modelsTree,
defaultProps: {
children: '',
label: 'name'
}
结果(没有层级)

传入glid报错(树结构无渲染了)
modelFloorTree: this.configJson.modelsTree,
defaultProps: {
children: 'glid',
label: 'name'
}

想要渲染的样子

请大家指点下如何处理这个数据