首頁猿問 vue中使用async...

vue中使用async await遇到的問題

JavaScript

莫回?zé)o 2018-08-03 16:28:14

使用async await，await的函數(shù)log出了數(shù)據(jù)，但是async函數(shù)獲取不到值，并且先打印出undefined，在打印出數(shù)據(jù) 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 }

查看完整描述

1 回答

互換的青春

TA貢獻(xiàn)1797條經(jīng)驗獲得超6個贊

你的getRechargeOrder ()里面又沒有返回值當(dāng)然是undefined啊，正確的做法是getRechargeOrder ()返回一個Promise，得到數(shù)據(jù)后觸發(fā)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)
    })
  })
}

反對回復(fù) 2018-08-05