解决方法总体思路就是使用async+await , 使异步问题同步化 。 需要注意的是 , 这里需要借助Promise构造函数将uni.request封装一下 。 代码//API.jsgetAllClass:()=>{returnnewPromise((resolve,reject)=>{uni.request({url:BASE_URL+'class/getClassList',success:(res)=>{store.commit('setAllClass',res.data);resolve('suc');},fail:(err)=>{reject('err')}});})【使用async+await将uni-app中的异步请求同步化】可以看到 , 上述示例代码中 , getAllClass函数返回了一个Promise对象 , 而不是直接调用uni.request进行数据请求 。 这是因为await关键字(详见下面的代码)后必须跟Promise对象 , 否则不会阻塞之后代码的执行 。
//class.vue:initPage:asyncfunction(){awaitapi.getAllClass();//关键点this.getUserClassInfo(this.userInfo.selectedClass);}在上述initPage函数中 , 第3行api.getAllClass()执行完毕后 , 是第4行this.getUserClassInfo()才能获取到所需的数据 。 所以这里需要将异步问题同步化 。
总而言之 , 解决问题的关键点在于:
将uni.request请求封装在Promise构造函数中(使该api返回的是一个Promise对象)使用async+await
推荐阅读
-
-
锐科技战略落地 荣耀锐科技实验室用新锐科技应对行业挑战
-
平步青云|被富婆供养成为网红,后来怎样了?,男子因长相似弥勒佛
-
【佳作有约】天注定!是你的,终究属于你,不是的,早晚要分散!,得与失
-
健康|科学家合成牙齿涂层:硬度超天然珐琅 可修复牙齿
-
模型|大神!小学老师用饮料瓶模拟中国空间站:舱位可自由拆卸对接
-
乐居财经|恒隆集团恒隆地产:预期2020年度或亏损
-
印度也要推5G了!印度官员:将在百日内开测5G网络
-
怎样做到为人和善又不失强硬从不说硬话;从不做软事。?
-
-
-
#看航空#巴航工业要求索赔,开撕!波音终止与巴航工业的合资计划
-
孤独的秋风|被淘汰选手就录制新综艺?看清是啥:真有牌面,青你2刚结束不久
-
战国时期为了防备火枪弓箭等远距离武器而开发出的防具?古代箭怎么获得
-
零点说球|三连冠机会来了,7人三方交易方案出炉!保罗下家浮出水面!湖人
-
小怪兽大战奥特曼|你选谁?我非图四不娶!,如果在《亮剑》中选一个角色当妻子
-
眼睛|在黑白照片上加几根线条,就能变成彩色,?让人怀疑自己的眼睛
-
北京日报客户端|北京教育系统不组织、不接待各类夏令营等聚集性活动
-
#Hifi#供应链控制,研发实力,HIFI厂商是否还有竞争力,飞傲BTR3K简析
-