el-table如何渲染树形结构数据

el-table 渲染树形结构数据的步骤如下：

1. 在 el-table 的 data 中，设置树形数据源，例如：

data() {
  return {
    treeData: [{
      id: 1,
      name: 'Node 1',
      children: [{
        id: 11,
        name: 'Node 1-1',
        children: []
      }]
    }, {
      id: 2,
      name: 'Node 2',
      children: []
    }]
  }
}

2. 在 el-table 的 props 中，设置 tree 属性为 true，表示该表格为树形表格，例如：

<el-table :data="treeData" :props="{tree: true}">

3. 在 el-table-column 中，设置 prop 属性为树形数据中的属性名，例如：

<el-table-column prop="name" label="Name"></el-table-column>

4. 如果需要在树形表格中使用自定义列，需要在 el-table-column 的 slot-scope 中，使用 $row 属性获取当前行数据，例如：

<el-table-column label="Actions">
  <template slot-scope="scope">
    <el-button v-if="scope.$row.children.length === 0" size="mini" @click="handleEdit(scope.$row)">Edit</el-button>
    <el-button size="mini" @click="handleAdd(scope.$row)">Add</el-button>
  </template>
</el-table-column>

以上就是使用 el-table 渲染树形结构数据的步骤，希望对你有所帮助。