vue按钮点击后禁用

在 Vue 中，可以通过绑定按钮的 disabled 属性来实现禁用按钮的功能。具体操作如下：

1.在 data 中定义一个变量 isDisabled ，表示按钮是否被禁用：

data() {
  return {
    isDisabled: false
在模板中绑定按钮的 disabled 属性到该变量上，并绑定一个点击事件：
<template>
  <button :disabled="isDisabled" @click="handleClick">点击按钮</button>
</template>
3.在 handleClick 方法中设置变量 isDisabled 为 true，从而禁用该按钮：
methods: {
  handleClick() {
    this.isDisabled = true;
    // 禁用按钮的代码逻辑
这样，当按钮被点击时，它将被禁用并且无法再次被点击。如果需要重新启用按钮，则只需要将 isDisabled 设置为 false 即可。