请问一下elementui的表格树形数据从后端传过来数据没有反应数据是这样的,
这是后端返回的数据前端控制台打印的效果
treeprops去掉试试。你用官网的数据试试 ,感觉可能数据 结构不对
你的数据中没有hasChildren这个字段,所以在el-table的treeprops中找不到这个字段,为了解决这个问题,需要在获取到后端数据后,进行处理一下,给每条数据添加hasChildren这个字段。
// 假设你从后端获取的数据数组是arr;
先调用一下addHasChildrenProps(arr),然后在赋值给tableData
addHasChildrenProps = (arr) => {
for(let item of arr) {
if (item.children && item.chilren.length > 0){
item.hasChildren = true;
addHasChildrenProps(item);
} else {
item.hasChildren = false;
}
}
}
addHasChildrenProps(arr);
this.tableData = arr;
注意:树形控件需要的后端数据格式一定要遵循
label: '一级 1',
children: [{
label: '二级 1-1',
children: [{
label: '三级 1-1-1'
}]
如果不遵循就先在树控件里加
:props="defaultdata"
然后在data里加
defaultdata: {
children: "children",
label: "name"
},