el-form 防止数据重复提交

<template>
  <div>
    <el-form ref="myForm" :model="formData" label-width="120px">
      <!-- form fields here -->
      
      <el-form-item>
        <el-button type="primary" :loading="isSubmitting" @click="submitForm">Submit</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formData: {}, // your form data object
      isSubmitting: false // flag to track form submission
    };
  },
  methods: {
    submitForm() {
      this.isSubmitting = true; // disable the submit button
      
      // 接口数据提交

      setTimeout(() => {
        this.isSubmitting = false; // enable the submit button
      }, 2000);
    }
  }
};
</script>