十分简单的elementui问题希望解答

请问一下elementui的表格树形数据从后端传过来数据没有反应数据是这样的,
这是后端返回的数据前端控制台打印的效果

img


这是前端代码

img

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;