el-table-column动态显示列的实现

el-table-column 动态显示列的实现可以通过以下步骤来完成：
1. 定义表格数据：在数据中定义每一列的信息，包括名称、字段、宽度等属性；
2. 定义表格列：在 el-table-column 中根据表格数据定义列，可以使用 v-if 控制列的显示与隐藏；
3. 切换列的显示：通过修改表格数据中的属性值，来控制表格列的显示与隐藏。

举个例子，假设我们有如下表格数据：

tableData: [
  { name: 'John', age: 20, gender: 'Male' },
  { name: 'Mary', age: 25, gender: 'Female' },
  { name: 'Tom', age: 30, gender: 'Male' }
]

我们可以在 el-table 中定义如下列：

<el-table :data="tableData">
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
  <el-table-column prop="gender" label="Gender" v-if="showGender"></el-table-column>
</el-table>

其中，showGender 是一个 data 中的属性，控制 Gender 列的显示与隐藏。我们可以在方法中修改 showGender 的值，从而实现动态显示列。