需求描述:前端一个页面通常切割成多个板块,业务上不同板块展示的数据不相同,后端又分板块提供接口,没有将接口合并为一个返回,常规的接口调用将导致页面在初始挂载时数据展示不一致,导致某个模块出现空白,用户体验不佳。因此需要等待所有模块请求的接口都有数据后再做展示处理,优化用户体验。
//注意是直接return 调用的接口,应该为一个函数而不是return请求的结果
api_01(){
return api_1
}
api_02(){
return api_2
}
//多个参数以数组的形式传参
getAll(){
Promise.all([this.api_01,this.api_02]).then((res)=>{
//res返回的结果是数组形式,数组元素与传参参数对应
console.log(res)
})
}