el-table动态列数

el-table的列数可以通过动态绑定data中的数据来实现。你可以在data中定义一个数组，用来存放列的信息，然后将这个数组绑定到el-table的:columns属性上。例如：

<template>
  <el-table :data="tableData" :columns="columns"></el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 18, gender: 'male' },
        { name: 'Alice', age: 20, gender: 'female' },
        { name: 'Bob', age: 25, gender: 'male' },
      ],
      columns: [
        { prop: 'name', label: '姓名' },
        { prop: 'age', label: '年龄' },
        { prop: 'gender', label: '性别' },
      ],
    };
  },
};
</script>

在上面的例子中，columns数组定义了三列，分别是姓名、年龄和性别，每列都包含一个prop属性和一个label属性。prop属性指定了数据源中每行的对应字段，label属性则是列的标题。

如果你想动态改变列数，只需要修改columns数组即可，el-table会自动根据新的数组重新渲染列。比如：

this.columns = [
  { prop: 'name', label: '姓名' },
  { prop: 'age', label: '年龄' },
  { prop: 'gender', label: '性别' },
  { prop: 'email', label: '邮箱' },
];

这样就增加了一列邮箱。