vue同时请求多个接口,接口请求完成后在处理下一个方法(Promise.all用法)
时间:2024-04-06 20:50:38 来源:网络cs 作者:晨起 栏目:卖家故事 阅读:
阅读本书更多章节>>>>
1、Promise.all:
Promise .all()方法用于将多个 Promise 实例,包装成一个新的 Promise 实例。
在处理多个异步处理时非常有用,比如说一个页面上需要等两个或多个ajax的数据回来以后才正常显示。
需要特别注意的是,Promise.all获得的成功结果的数组里面的数据顺序和Promise.all接收到的数组顺序是一致的。
const p = Promise.all([p1, p2, p3]);
2、示例:
mounted(){ this.geAllData()},methods: {//接口robotPoseWays(coordinateNum,toolNum,unitType){ return new Promise((resolve, reject) => { this.$base.sendRobotCMD( {} ).then((res) => { resolve(res.data.result) }).catch((err) => { }); }); }, // geAllData(){ Promise.all([ this.robotPoseWays(parseInt(this.nowPostureNum),-1,0), this.robotPoseWays(-1,parseInt(this.toolNumber),0)]) .then(res => { let data ={ endCoordinate: res[0], toolPostition: res[1] }; record(data).then((res) => { if (res.success) { } }) }).catch(err=>{ console.log('robotPoseWays',err); }) }},
阅读本书更多章节>>>>
本文链接:https://www.kjpai.cn/gushi/2024-04-06/154960.html,文章来源:网络cs,作者:晨起,版权归作者所有,如需转载请注明来源和作者,否则将追究法律责任!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
下一篇:返回列表