vue 不重复点击提交

在Vue中，可以通过设置按钮的disabled属性来实现不重复点击提交的功能。首先，在vue的data中定义一个变量`isSubmit`，初始值为`false`。然后，在提交按钮上绑定一个点击事件，通过修改`isSubmit`的值来控制按钮的禁用状态。具体代码如下：

<template>
  <div>
    <button @click="submit" :disabled="isSubmit">提交</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isSubmit: false
    };
  },
  methods: {
    submit() {
      if (this.isSubmit) {
        return;
      }
      this.isSubmit = true;

      // 此处为点击按钮后的提交逻辑
      // 可以通过异步请求、表单提交等方式进行数据提交

      // 提交完成后，将isSubmit重新设置为false
      setTimeout(() => {
        this.isSubmit = false;
      }, 2000);
    }
  }
};
</script>

在上述代码中，点击按钮后，会首先判断`isSubmit`的值是否为`true`，如果是则直接返回，按钮不可点击。如果`isSubmit`的值为`false`，则将其设置为`true`，同时在数据提交完成后重新设置为`false`，以实现不重复点击提交的功能。可以通过设置一个延时，来模拟数据提交的过程，并在延时结束后将`isSubmit`重新设置为`false`。这样，在按钮变为可点击状态之前，无论用户点击多少次，都只会生效一次提交操作。