element表格动态列

如果你需要在 element 表格中动态添加列，可以使用以下方法：

1. 首先，在表格的表头中添加一个自定义列，例如“操作”列。

<el-table-column label="操作">
  <template slot-scope="scope">
    <!-- 在这里添加操作按钮 -->
  </template>
</el-table-column>

2. 在数据源中添加对应的数据列，例如“操作”列的数据可以是一个包含各种操作按钮的数组。

data() {
  return {
    tableData: [
      { name: 'John', age: 30, gender: 'Male', actions: ['Edit', 'Delete'] },
      { name: 'Jane', age: 25, gender: 'Female', actions: ['Edit', 'Delete'] },
      { name: 'Bob', age: 40, gender: 'Male', actions: ['Edit', 'Delete'] }
    ]
  }
}

3. 在操作列的模板中使用 v-for 循环遍历数据列，动态生成操作按钮。

<el-table-column label="操作">
  <template slot-scope="scope">
    <el-button v-for="action in scope.row.actions" :key="action" size="mini" type="primary">{{ action }}</el-button>
  </template>
</el-table-column>

这样就可以在表格中动态添加列了。记得修改数据源和模板中的数据列名称和属性名称。