vue实现按钮只能点击一次

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

1. 在按钮上添加v-once指令，使其只渲染一次。

<button v-once @click="handleClick">点击一次</button>

2. 在Vue实例中定义handleClick方法，在方法中使用$refs获取按钮元素，并将其禁用。

methods: {
  handleClick() {
    this.$refs.btn.disabled = true;
  }
}

完整的示例代码如下：

<template>
  <div>
    <button v-once ref="btn" @click="handleClick">点击一次</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      this.$refs.btn.disabled = true;
    }
  }
}
</script>