专门做彩平的网站,网站首页 模板,长沙专业做网站公司哪家好,青岛爱城市网app官方网站Promise.all (等待机制) 方法 它调用了多个函数#xff0c;这些函数返回了Promise对象#xff0c;每个Promise对象代表了一个异步操作。 然后#xff0c;使用Promise.all将这多个Promise对象包装成一个新的Promise对象#xff0c;它会等待所有的Promise都完成#xff08;或… Promise.all (等待机制) 方法 它调用了多个函数这些函数返回了Promise对象每个Promise对象代表了一个异步操作。 然后使用Promise.all将这多个Promise对象包装成一个新的Promise对象它会等待所有的Promise都完成或者其中一个被拒绝。 当所有的Promise都成功完成时Promise.all的.then方法会被触发传入一个数组参数包含了每个Promise成功时的结果。 接下来你可以在.then方法的回调函数中使用这些数据进行后续的操作或处理。这段代码的目的是等待这几个异步操作都完成后再继续执行后续代码以确保所有数据都可以同时渲染。 Promise.race (赛跑机制) 1、business.js接口文件内定义接口
const getTotalUserone (params) getAction(/admin/consumer/totalUserone, params)
const getTotalUsertwo (params) getAction(/admin/consumer/totalUsertwo, params)
const getTotalUserthree (params) getAction(/admin/consumer/totalUserthree, params)
const getTotalUserfour (params) getAction(/admin/consumer/totalUserfour, params)
const getTotalUserfive (params) getAction(/admin/consumer/totalUserfive, params)
2、页面中导入接口 import {getTotalUserone,getTotalUsertwo,getTotalUserthree,getTotalUserfour,getTotalUserfive,areaTypeLists,} from /api/business
3、调用初始化函数 created() {this.initData()},
4、调用接口获取数据 initData() {// 定义多个接口请求的Promiseconst areaTypeData areaTypeLists()const getline2Data getTotalUserone()const getbar1Data getTotalUsertwo()const getbar2Data getTotalUserthree()const getpie1Data getTotalUserfour()const getpie2Data getTotalUserfive()// 使用Promise.all来等待所有接口请求完成Promise.all([areaTypeData,getline2Data,getbar1Data,getbar2Data,getpie1Data,getpie2Data,]).then(([areaTypeData,getline2Data,getbar1Data,getbar2Data,getpie1Data,getpie2Data,]) {// 将这些数据分别赋值给相应的变量或对象属性// 逻辑操作筛选过滤数据等}).catch((error) {console.error(error)})},
