vue中使用async await遇到的问题

Question

使用async await，await的函数log出了数据，但是async函数获取不到值，并且先打印出undefined，在打印出数据    getRechargeOrder () {       let apiUrl = this.$api.URL.rechargeOrder      this.$api.axiosGet(apiUrl, para).then(res => {        if (res.data.code === 0) {           let data = res.data.data           if (data.payNum) {             console.log(data)//{payTotal: 3344, payNum: 86, payPeopleNum: 65, list: Array(86)}             return data           }         }        }).catch(error => alert('error'))     },     async getDau () {       let res = await this.getRechargeOrder()       console.log(res)//undefined        }

Answer 1

你的getRechargeOrder ()里面又没有返回值 当然是undefined啊，正确的做法是getRechargeOrder ()返回一个Promise，得到数据后触发resolve

getRechargeOrder() {  return new Promise((resolve, reject) => {    let apiUrl = this.$api.URL.rechargeOrder    this.$api.axiosGet(apiUrl, para).then(res => {      if (res.data.code === 0) {        let data = res.data.data        if (data.payNum) {          console.log(data)//{payTotal: 3344, payNum: 86, payPeopleNum: 65, list: Array(86)}
          resolve(data);
        }
      }
    }).catch(error => {
      reject(error)
    })
  })
}