el-table删除列

在Element UI的`el-table`组件中，如果你想动态地删除某一列，你可以通过`methods`部分定义一个方法，通常这个方法会接收列的索引作为参数。这里是一个简单的示例：

<template>
  <el-table :data="tableData">
    <el-table-column v-for="(column, index) in columns" :key="index" :prop="column.prop" :label="column.label">
      <!-- 如果需要删除某列，可以在点击事件或其他条件满足时调用 deleteColumn 方法 -->
      <template slot-scope="scope">
        <el-button @click="deleteColumn(index)">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: ...,
      // 初始列配置数组
      columns: [
        { prop: 'name', label: '姓名' },
        { prop: 'age', label: '年龄' },
        // 更多列...
      ]
    };
  },
  methods: {
    deleteColumn(index) {
      // 删除指定索引的列
      this.columns.splice(index, 1);
      // 如果你想实时更新表格数据，可以在这里同步数据变化
      this.$set(this.tableData, index, null); // 或者使用其他方式清除该行数据
    }
  }
};
</script>

在这个例子中，当用户点击“删除”按钮时，会调用`deleteColumn`方法，从`columns`数组中移除对应索引的元素，并更新表格的显示。