Error: for nested data item, row-key is required.

问题描述

使用嵌套树形 JSON 数据，例如：

[
  {
    "id": 1,
    "name": "test-1",
    "children": [
      {
        "id": 101,
        "childName": "childNode-101"
      },
      {
        "id": 102,
        "childName": "childNode-102"
      }
    ]
  },
  {
    "id": 2,
    "name": "test-2",
    "children": [
      {
        "id": 201,
        "childName": "childNode-201"
      },
      {
        "id": 202,
        "childName": "childNode-202"
      }
    ]
  }
]

如上数据，如果正常在 el-table 使用，会出现错误

解决方式

在 el-table 中，如果是树形的数据，应该加上 tree-props 属性

<el-table
    :tree-props="{ hasChildren: 'hasChildren', children: 'children' }"
/>

而 JSON 数据相应，必需要有 hasChildren 和 children 两个参数

[
  {
    "id": 1,
    "name": "test-1",
    "hasChildren": true,
    "children": [
      {
        "id": 101,
        "childName": "childNode-101"
      },
      {
        "id": 102,
        "childName": "childNode-102"
      }
    ]
  },
  {
    "id": 2,
    "name": "test-2",
    "hasChildren": true,
    "children": [
      {
        "id": 201,
        "childName": "childNode-201"
      },
      {
        "id": 202,
        "childName": "childNode-202"
      }
    ]
  }
]