vue element-ui 动态列

Vue和Element UI可以实现动态列的功能。你可以使用v-for指令在Vue中循环遍历数据，并根据数据动态生成表格的列。下面是一个示例：

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

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 20, gender: 'Male' },
        { name: 'Jane', age: 25, gender: 'Female' },
        { name: 'Tom', age: 30, gender: 'Male' }
      ],
      columns: [
        { prop: 'name', label: 'Name' },
        { prop: 'age', label: 'Age' },
        { prop: 'gender', label: 'Gender' }
      ]
    };
  }
};
</script>

在上面的示例中，我们使用v-for指令循环遍历`columns`数组，根据数组中的每个对象生成对应的表格列。每个对象包含`prop`属性用于指定数据对象中的属性名，`label`属性用于指定列的标题。

这样，无论`columns`数组中有多少个对象，都会根据数据动态生成相应数量的表格列。