关于vue.js:map遍历数组时正确使用async与await

1.开发环境 vue
2.电脑系统 windows10专业版
3.在开发的过程中,咱们常常会解决一些数据,须要拿到一个xxx在去申请另外一个接口,然而数据是异步操作,所以赋值的时候始终是空,上面我来分享一下。
4.废话不多说,间接上效果图:

5.上面我来分享

// 残缺代码this.list = this.list.map(async (item) => {    let a = await this.$Cmethods.getfilesimg(item.fileKey);    item.img = a[0];    return item;});this.list = await Promise.all(this.list);

6.剖析与解决

1.别离打印item和this.list,发现item外面有值,然而this.list外面没有,狐疑是异步2.因为async函数返回的是一个Promise,所以map返回的是Promise数组.必须等到所以Promise失去解决之后再进行赋值3.通过await Promise.all(xxx);//解决

7.本期的分享到了这里就完结啦,心愿对你有所帮忙,让咱们一起致力走向巅峰。