el-table 的el-table-column 个数根据数据动态变化

可以使用v-for指令动态渲染el-table-column，具体实现方法如下：

1.在el-table中使用v-for指令遍历数据，获取数据中的所有字段名。

2.在el-table-column中使用v-for指令遍历字段名，动态渲染列。

3.在el-table-column中使用:prop绑定字段名，使得列与数据中的字段名对应。

以下是示例代码：

<template>
  <el-table :data="tableData">
    <el-table-column v-for="column in columns" :key="column" :prop="column" :label="column"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 18, gender: 'male' },
        { name: 'Jane', age: 20, gender: 'female' },
        { name: 'Bob', age: 25, gender: 'male' }
      ]
    }
  },
  computed: {
    columns() {
      // 获取数据中的所有字段名
      return Object.keys(this.tableData[0])
    }
  }
}
</script>