Ant Design Vue中的upload组件判断是否上传完成

问题背景

当upload组件和form表单一起使用时，如果网速过慢或者上传文件过多，可能当用户提交表单时，文件还未上传完成。如下图所示：

解决思路

通过打印文件属性，可以看到，每个文件都包含一个status状态属性。

• 上传中：status = "uploading"
• 上传完成：status = "done"
• 上传错误：status = "error"

所以通过统计处于uploading的文件个数，就可以判断文件是否全部上传完成。

解决办法

1、定义变量作为计数器，用于统计uploading状态的文件个数，初始值设为0。

2、判断文件状态，并进行统计。