vue 动态按钮点击以后隐藏当前按钮

可以使用Vue的条件渲染指令v-if来实现隐藏按钮的效果。当按钮被点击后，可以通过修改data中的一个属性来控制按钮是否显示。

首先，在data中添加一个属性来控制按钮的显示与隐藏：

data() {
  return {
    showButton: true
  }
}

然后，在模板中使用v-if指令根据showButton的值来决定按钮是否显示：

<button v-if="showButton" @click="hideButton">隐藏按钮</button>

在methods中定义一个方法来处理按钮点击事件，并在该方法中修改showButton的值：

methods: {
  hideButton() {
    this.showButton = false;
  }
}

这样当按钮被点击后，showButton的值会变为false，按钮就会被隐藏起来。

完整的代码示例：

<template>
  <div>
    <button v-if="showButton" @click="hideButton">隐藏按钮</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showButton: true
    }
  },
  methods: {
    hideButton() {
      this.showButton = false;
    }
  }
}
</script>

注意：如果需要在隐藏按钮后再显示按钮，可以在需要显示按钮的地方使用v-if或v-show来根据需要显示按钮