点击保存时接口执行顺序问题
在点击保存后,执行表单提交和调用新增接口。但由于同时有一个图片上传字段,导致新增接口在保存时获取不到上传图片的值。为了解决这个问题,开发者在新增接口中添加了 setTimeout。
为了进一步提高解决效率,可以在图片上传接口返回结果后,再调用新增接口。具体实现如下:
- 将图片上传表单数据放入 FormData 对象中。
- 使用 uploadImg 函数上传图片,并将结果存储在 response 中。
- 在 then 回调函数中处理上传响应,并从响应中获取图片 URL。
- 将图片 URL 设置到模型 this.fileInModel.content 中。
- 调用新增接口 this.add(),并传入图片 URL 作为参数。
这样,新增接口就可以在获取到图片 URL 后再执行,解决了第一时间无法获取图片值的问题。










