如何在Promise中使用async / await-Vue [重复]

Question

这个问题已经在这里有了答案：

• 等待仅在异步功能中有效 4回答

这是我的方法：

async sendEmail() {
  this.isActive = true
  this.$validator.validate().then(result => {
    if (result) {
      await axios.post('url', data)
      this.isActive = false
    }
  })
}

当isActive = true ，我正在显示加载器，但在this.$validator内部使用await this.$validator抛出一个关于单词await的错误被保留。 为了验证我使用VeeValidate

我如何在$validator promise中使用await？

Answer 1

您不能在非异步函数内直接使用await关键字。 您使用的await直接匿名函数，它是内部关键字then的参数; 此匿名函数不是async ，因此存在语法错误。

这是我重写此函数的方法：

async sendEmail() {
  this.isActive = true
  let result = await this.$validator.validate();
  if (result) await axios.post('url', data);
  this.isActive = false;
}

我发现当您已经在async函数中时，避免使用then更干净。

顺便说一句，我不确定您的data变量在哪里定义。