Vue.js 实现按钮只能点击一次：禁用按钮防止重复操作

可以通过在按钮上绑定一个 'disabled' 属性来实现按钮只能点一次的效果。

首先，在 'data' 中定义一个变量 'isClicked'，初始值为 'false'，表示按钮未被点击过。

data() {
  return {
    isClicked: false
  }
}

接着，在按钮的 'click' 事件中判断 'isClicked' 是否为 'false'，如果是，则执行按钮的操作，并将 'isClicked' 设置为 'true'。

<button @click='handleClick' :disabled='isClicked'>点击我</button>

methods: {
  handleClick() {
    if (!this.isClicked) {
      // 执行按钮的操作
      console.log('按钮被点击了！');
      // 将 isClicked 设置为 true，禁用按钮
      this.isClicked = true;
    }
  }
}

这样，当按钮被点击过后，'isClicked' 就会变为 'true'，按钮会被禁用，无法再次点击。