Vue中如何判断submit函数是否执行完毕

在Vue.js中，如果你想判断`submit`函数是否执行完毕，你可以通过设置一个标志变量或者使用Promise来跟踪函数的状态。以下是两种常见的方法：

1. **使用同步标志变量**:

let isSubmitting = false;

methods: {
  submit() {
    if (!isSubmitting) {
      this.isSubmitting = true;
      // 这里执行你的提交操作
      axios.post('/api/submit').then(() => {
        this.isSubmitting = false; // 提交成功后将标志设回false
      }).catch(() => {
        this.isSubmitting = false; // 或者处理错误后也设回false
      });
    }
  }
}

// 使用时检测函数是否执行完
if (this.isSubmitting) {
  console.log('提交仍在进行');
} else {
  // 提交已经完成
}

2. **使用Promise链式**:

methods: {
  async submit() {
    if (!this.isSubmitting) {
      this.isSubmitting = true;
      await axios.post('/api/submit'); // 使用async/await处理异步操作
      this.isSubmitting = false;
    }
  }
}

// 检测函数是否执行完
if (this.isSubmitting) {
  console.log('提交仍在进行');
} else {
  // 提交已经完成
}