vue element-ui 实现多个按钮点击按钮后隐藏点击的按钮

在Vue中使用Element UI实现多个按钮点击后隐藏点击的按钮，可以采用以下步骤：

1. 在Vue组件中引入Element UI的Button组件，并在data中定义一个按钮数组，用于存储按钮的显示状态。
2. 在模板中使用v-for指令遍历按钮数组，并为每个按钮绑定点击事件。
3. 在点击事件中，根据按钮的索引将该按钮从按钮数组中移除，实现隐藏。
4. 使用v-show指令根据按钮数组的长度控制按钮的显示和隐藏。

具体代码如下：

<template>
  <div>
    <button v-for="(btn, index) in buttons" :key="index" @click="hideButton(index)" v-show="buttons.length > 0">
      {{ btn }}
    </button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      buttons: ['按钮1', '按钮2', '按钮3'] // 定义按钮数组
    };
  },
  methods: {
    hideButton(index) {
      this.buttons.splice(index, 1); // 从按钮数组中移除点击的按钮
    }
  }
};
</script>

上述代码中，首先通过v-for指令遍历按钮数组，使用按钮的索引作为v-for的key属性，这样才能正确地移除对应的按钮。在点击事件中调用hideButton方法，通过splice方法将点击的按钮从按钮数组中移除。最后，使用v-show指令根据按钮数组的长度控制按钮的显示和隐藏，在按钮数组为空时，所有按钮都会被隐藏。