vue实现按钮只能点一次

可以使用Vue的指令来实现按钮只能点一次的效果，具体实现步骤如下：

在按钮上使用v-on指令绑定click事件，并定义一个方法来处理点击事件；
在该方法中，先判断按钮是否已经被点击过，如果是则直接返回；否则，将按钮状态设置为已经点击过，并执行需要的操作；
在按钮上使用v-bind指令绑定disabled属性，根据按钮状态来动态设置该属性，实现按钮只能点一次的效果。

示例代码如下：

<template>
  <button v-on:click="handleClick" v-bind:disabled="isClicked">点击一次</button>
</template>

<script>
export default {
  data() {
    return {
      isClicked: false
    };
  },
  methods: {
    handleClick() {
      if (this.isClicked) {
        return;
      }
      // 执行需要的操作
      console.log('按钮被点击了！');
      this.isClicked = true;
    }
  }
};
</script>

在上面的示例代码中，我们首先定义了一个isClicked属性来表示按钮是否已经被点击过，初始值为false。

然后，在按钮上使用v-on指令绑定click事件，并在该事件处理方法中判断按钮是否已经被点击过。如果是，则直接返回；否则，将isClicked属性设置为true，表示按钮已经被点击过，并执行需要的操作。

最后，在按钮上使用v-bind指令绑定disabled属性，根据isClicked属性的值来动态设置该属性，实现按钮只能点一次的效果。