如何在promise内使用async/await-Vue[重复]

Question

这是我的方法：

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

我显示加载程序时isActive=true，但使用wait在this.$validator抛给我一个关于字wait保留的错误。对于验证，我使用VeeValester

如何使用wait-inside$validatorpromise？

Answer 1

不能在非异步函数中直接使用wait关键字。您直接在匿名函数中使用wait关键字，该函数是然后的参数；这个匿名函数不是async，所以您有一个语法错误。

下面是我将如何重写此函数：

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

我发现当您已经在一个异步函数中时，避免使用然后会更干净。

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