Vue 按钮只允许点击一次的实现方法 - 使用 v-bind:disabled

v-once 指令用于绑定一个元素或组件只渲染一次，不会再次更新。因此，它并不能实现按钮只能点击一次的功能。

要实现按钮只能点击一次，可以使用以下方法：

1. 在 data 中设置一个变量，用于记录按钮是否被点击过。

data() {
  return {
    clicked: false
  }
}

2. 在按钮的点击事件中，将 clicked 变量设为 true，并在按钮上绑定一个 v-bind:disabled 属性，根据 clicked 变量的值来决定按钮是否可以点击。

<button @click="clicked = true" :disabled="clicked">点击一次</button>

这样，当按钮被点击后，clicked 变量的值为 true，按钮就会被禁用，无法再次点击。