// 查列表async getlist (pageIndex) { let data = { pageIndex,pageSize: this.pageSize}await getCouponPageList(data).then(res => {const { data: { code, msg, data } } = resif (code === 0) {data.list.forEach(v => {v.totalAmount = ''v.buyerPayAmount = ''})this.tableData = data.listdata.list.forEach(async (ele, index) => {if (ele.status === this.$t('已使用')) {let temp = await this.couponGetAlipay(ele.billDetails)ele.totalAmount = temp.totalAmount / 100this.tableData[index] = ele}})this.dataCount = data.total} else {this.$Message.error(msg)}this.loading = false}).catch(err => {console.log(err.message)})},// 根據(jù)id查列表的后幾項couponGetAlipay (orderNo) {return new Promise((resolve, reject) => {couponGetAlipay({orderNo}).then(res => {const { data: { code, data } } = resif (code === 0) {resolve(data)}}).catch(err => {console.log(err.message)})})},

其他方法：

一：

getData: async function() { // 同步方法try { // 順序請求await this.getSetupList();await this.getRoleList();await this.getList();} catch (e) {} }

二：

login: function(code) { // 定義方法return new Promise((resolve, reject) => {console.log(code)getThirdOpenid({ code: code }).then(response => { // 請求接口console.log(response)return response // 正確返回}).catch(res => {reject('獲取失敗') // 錯誤返回})}) }login(code).then(res => { // 調(diào)用同步方法// 返回正確的操作}).catch(res => {// 返回錯誤的操作 })

三：

function login(code) {return new Promise((resolve, reject) => { // 同步方法getData1().then(response => { // 方法一return response // 返回正確值}).then((res) => {getData2().then((response) => { // 方法一返回正確后執(zhí)行方法二return response // 返回正確值}).then((res) => {getData3().then(response => { // 方法二返回正確后執(zhí)行方法三return response // 返回正確值}).then(res => {getData4().then(response => { // 方法三返回正確后執(zhí)行方法四resolve(response ) // 方法執(zhí)行完畢，拋出最后結(jié)果或進行某些操作}).catch(res => {reject('方法四返回錯誤')})}).catch(res => {reject('方法三返回錯誤')})}).catch(res => {reject('方法二返回錯誤')})}).catch(res => {reject('方法一返回錯誤')})}) }

總結(jié)

以上是生活随笔為你收集整理的vue接口异步请求的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。