一个el-table列表页，有一个操作按钮，置顶按钮，当点击置顶按钮成功后，这一列的置顶按钮去除掉，不要这个按钮，怎么操作

在Vue.js和Element UI的`el-table`组件中，你可以通过绑定事件处理器以及数据驱动的方式来实现这个功能。首先，你需要在数据中维护一个数组状态，记录哪些行已经置顶，然后在表格的每一行中添加一个动态的置顶按钮。

1. 定义数据模型：

data() {
  return {
    tableData: [], // 表格原始数据
    topList: [], // 存储已置顶的行索引
  };
}

2. 在模板中绑定点击事件：

<template>
  <el-table :data="tableData" @click="handleClick">
    <el-table-column type="index"></el-table-column>
    <!-- 其他列 -->
    <el-table-column label="操作">
      <template slot-scope="{ $index }">
        <button v-if="!isRowTop($index)" @click="toggleTop($index)">置顶</button>
        <!-- 如果已经在topList中，则显示移除按钮 -->
        <button v-if="isRowTop($index)" @click="removeTop($index)">移除置顶</button>
      </template>
    </el-table-column>
  </el-table>
</template>

3. 实现方法：

methods: {
  handleClick(row) {
    // 点击事件处理，可以在这里做其他操作
  },
  toggleTop(index) {
    if (!this.isRowTop(index)) {
      this.topList.push(index);
    } else {
      this.topList.splice(index, 1);
    }
    // 更新视图，这里假设tableData有对应的更新策略
    this.updateTableData();
  },
  removeTop(index) {
    this.topList.splice(index, 1);
    // 同样需要更新视图
    this.updateTableData();
  },
  isRowTop(index) {
    return this.topList.includes(index);
  },
  updateTableData() { /* 根据你的需求更新tableData */ },
},

4.