el-table递归生成多级表头

当表头的层数比较多时，可以使用递归的方式来生成多级表头。以下是一个示例代码：

<el-table :data="tableData" style="width: 100%">
  <template v-for="(column, index) in columns">
    <template v-if="!column.children">
      <el-table-column :key="column.prop" :prop="column.prop" :label="column.label"></el-table-column>
    </template>
    <template v-else>
      <el-table-column :key="column.prop" :label="column.label" :align="column.align">
        <template slot="header">
          <el-row>
            <el-table-column v-for="(subColumn, subIndex) in column.children" :key="subColumn.prop" :prop="subColumn.prop" :label="subColumn.label" :width="subColumn.width" :align="subColumn.align"></el-table-column>
          </el-row>
        </template>
        <template v-if="column.children">
          <template v-for="(subColumn, subIndex) in column.children">
            <el-table-column v-if="!subColumn.children" :key="subColumn.prop" :prop="subColumn.prop" :label="subColumn.label"></el-table-column>
            <el-table-column v-else :key="subColumn.prop" :label="subColumn.label">
              <template slot="header">
                <el-row>
                  <el-table-column v-for="(subSubColumn, subSubIndex) in subColumn.children" :key="subSubColumn.prop" :prop="subSubColumn.prop" :label="subSubColumn.label" :width="subSubColumn.width" :align="subSubColumn.align"></el-table-column>
                </el-row>
              </template>
            </el-table-column>
          </template>
        </template>
      </el-table-column>
    </template>
  </template>
</el-table>

在上述代码中，`columns` 是一个数组，用于存储表头列的属性。如果一个表头列具有子列，则在该列对象中添加 `children` 属性，该属性的值也是一个数组，存储子列的属性。在渲染表头时，首先使用 `v-for` 循环遍历 `columns` 数组，判断当前列是否有子列，如果没有子列，则直接生成表头列；如果有子列，则使用递归的方式生成多级表头。

在生成多级表头时，需要注意以下几点：

- 在父级表头中，使用 `slot="header"` 来指定子级表头的渲染位置。
- 在子级表头中，使用 `v-if` 判断当前列是否有子级表头，如果没有子级表头，则直接生成表头列；如果有子级表头，则继续递归生成多级表头。

通过以上方式，就可以递归生成多级表头。