猪八戒网站做软件,十大免费绘图软件,河北网站开发报价,效果图培训在场景#xff1a;一个表格数据需要上传#xff0c;每行表格需要上传图片-这就需要在提交时对数据也就是数组进行处理#xff08;先将每个元素图片上传拿到图片id
这种情况我刚开始就用的map处理#xff0c;然后问题来了#xff0c;提交的接口调用了#xff0c;但是…在场景一个表格数据需要上传每行表格需要上传图片-这就需要在提交时对数据也就是数组进行处理先将每个元素图片上传拿到图片id
这种情况我刚开始就用的map处理然后问题来了提交的接口调用了但是上传图片的接口没调用用了async await也没用
let shopContactList editForm.value.shopContacts.map(async (item: any) {let middle: anyif (item.fileList.length !item.wechatCodeImageID) {middle await uploadImage(item.fileList[0])}return {name: item.name,phone: item.phone,wechatCodeImageID: middle,}})
-然后我就用了forEach去处理 let shopContactList: any []editForm.value.shopContacts.forEach(async (item: any) {let middle: anyif (item.fileList.length !item.wechatCodeImageID) {middle await uploadImage(item.fileList[0])}shopContactList.push({name: item.name,phone: item.phone,wechatCodeImageID: middle,})})
虽然上传图片接口调用了提交的数据打印出来也有but-提交接口传递的数据没用这就很无语原因uploadImage 函数是异步的可能会导致在 formEl.validate 的回调函数执行之前shopContactList 还没有被填充。所以-修改为使用 Promise.all 来等待所有异步操作完成然后再执行 formEl.validate let shopContactList: any []await Promise.all(editForm.value.shopContacts.map(async (item: any) {let middle: anyif (item.fileList.length !item.wechatCodeImageID) {middle await uploadImage(item.fileList[0])}shopContactList.push({name: item.name,phone: item.phone,wechatCodeImageID: middle,})}))
这里又为啥不用forEach呢,因为 forEach 方法不会等待异步操作,就报这个错误undefined是不可迭代的
