vue等兩個(gè)接口都返回結(jié)果再執(zhí)行下一步的實(shí)例
next 只能?用一次,??可以用 Promise.all 解?Q,等待????步操作都返回?果後再 next:
beforeRouteEnter (to, from, next) { // Promise.all ??鵲?到M?鵲 Promise 都 resolve 後才??^?跑(then) Promise.all([ main._base({ methodName: ’QueryProductInfo’, productId: to.params.id }), main._base({ methodName: ’QueryProductReview’, type: ’0’, index: ’0’, count: ’2’, productId: to.params.id }) ]) .then( result => next( vm => { // ?絳薪Y(jié)果??湊丈廈騅?序放在 result ?到M?齲?? result[0],代表第一??函?檔 resolve ?果 vm.product = result[0].data.product vm.shop = result[0].data.shop vm.evalData = result[1].data }))}
補(bǔ)充知識(shí):vue 中多接口請求時(shí) 按順序執(zhí)行接口使用await async
我就廢話不多說了,大家還是直接看代碼吧~
async getSelectOrg () { console.log(’----1’) return axiosPost(’/api/uum/org/orglist’, { accessToken: localStorage.token, option: true}).then(response => { this.options_grade = [] if (response.data.data.length > 1) { this.options_grade.push({ value: ’-1’, label: ’全部’ }) this.formInline.organization = ’-1’ } else if (response.data.data.length === 1) { this.formInline.organization = response.data.data[0].orgCode } for (let i = 0; i < response.data.data.length; i++) { let tmp = {} tmp.value = response.data.data[i].orgCode tmp.label = response.data.data[i].orgName this.options_grade.push(tmp) } console.log(’----2’) }).catch(err => { console.log(err) }) }, async getSelect () { await this.getSelectOrg() console.log(’----3’) this.searchInfo() }},mounted () { let that = this window.onresize = function () { // 定義窗口大小變更通知事件 // _this.screenWidth = document.documentElement.clientWidth // 窗口寬度 that.clientHeight = document.documentElement.clientHeight // 窗口高度 } this.getSelect()},
以上這篇vue等兩個(gè)接口都返回結(jié)果再執(zhí)行下一步的實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. ASP 信息提示函數(shù)并作返回或者轉(zhuǎn)向2. php使用正則驗(yàn)證密碼字段的復(fù)雜強(qiáng)度原理詳細(xì)講解 原創(chuàng)3. JSP+Servlet實(shí)現(xiàn)文件上傳到服務(wù)器功能4. 基于javaweb+jsp實(shí)現(xiàn)企業(yè)財(cái)務(wù)記賬管理系統(tǒng)5. ASP動(dòng)態(tài)網(wǎng)頁制作技術(shù)經(jīng)驗(yàn)分享6. 淺談?dòng)蓀osition屬性引申的css進(jìn)階討論7. asp批量添加修改刪除操作示例代碼8. vue項(xiàng)目登錄成功拿到令牌跳轉(zhuǎn)失敗401無登錄信息的解決9. CSS可以做的幾個(gè)令你嘆為觀止的實(shí)例分享10. vue前端RSA加密java后端解密的方法實(shí)現(xiàn)

網(wǎng)公網(wǎng)安備