VUE防重复提交

在 Vue 中防止重复提交可以通过以下几种方式：

1. 禁用按钮：在点击按钮后立即禁用按钮，直到请求返回结果后再启用按钮。

2. 增加状态：在请求发出前增加一个状态值，请求返回后再将状态值重置为初始值。

3. 使用防抖函数：使用防抖函数可以确保在短时间内只执行一次请求，避免用户重复提交。

下面是一个使用防抖函数实现防止重复提交的例子：

<template>
  <button @click="handleSubmit">提交</button>
</template>

<script>
import { debounce } from 'lodash'

export default {
  data() {
    return {
      submitting: false
    }
  },
  methods: {
    handleSubmit: debounce(function() {
      if (this.submitting) return
      this.submitting = true
      // 发送请求...
      // 请求返回后重置 submitting 状态
      // this.submitting = false
    }, 1000, {
      leading: true,
      trailing: false
    })
  }
}
</script>

在上面的代码中，我们使用了 `lodash` 库中的 `debounce` 函数，设置了一个 1000ms 的防抖时间，并且通过 `submitting` 状态值来判断是否已经在提交中，避免重复提交。