el-table树形

el-table可以通过设置row的children字段来支持树形数据的显示。同时，为了支持子节点数据的异步加载，需要指定row-key。以下是一个el-table树形的示例代码：

<template>
  <el-table :data="data" :row-key="rowKey" :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
    <el-table-column prop="name" label="名称"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      data: [
        {
          id: 1,
          name: '张三',
          age: 30,
          address: '北京市朝阳区',
          children: [
            {
              id: 2,
              name: '李四',
              age: 25,
              address: '北京市海淀区',
              children: [
                {
                  id: 3,
                  name: '王五',
                  age: 18,
                  address: '北京市西城区',
                  hasChildren: false
                }
              ],
              hasChildren: true
            }
          ],
          hasChildren: true
        }
      ]
    }
  },
  methods: {
    rowKey(row) {
      return row.id
    }
  }
}
</script>

在上述代码中，我们通过设置`:tree-props="{children: 'children', hasChildren: 'hasChildren'}"`来指定树形数据的属性。同时，我们在data中设置了children和hasChildren属性来表示树形结构。在row-key中，我们绑定了数据的唯一值变量id。