elmentui的文件上传,当使用http-request时文件全部上传完毕后如何判断

在使用 Element UI 的文件上传组件时，当使用 `http-request` 属性时，可以通过监听上传成功的事件来判断文件是否全部上传完毕。

首先，在 `http-request` 属性中绑定一个方法，用于处理每个文件上传成功后的操作。例如：

<el-upload
  :action="uploadUrl"
  :http-request="handleUpload"
  :on-success="handleSuccess"
>
  <!-- 文件上传组件的内容 -->
</el-upload>

在 Vue 实例中，定义 `handleUpload` 方法来处理每个文件的上传请求：

methods: {
  handleUpload(file) {
    // 处理文件上传请求
    // 可以在这里进行一些上传前的操作，如添加请求头、修改请求参数等
    // 可以使用 axios 或其他 HTTP 请求库发送请求
  },
  handleSuccess(response, file, fileList) {
    // 处理文件上传成功后的操作
    // response 是服务器返回的响应数据
    // file 是当前上传成功的文件对象
    // fileList 是已上传的文件列表
    if (fileList.length === this.uploadFiles.length) {
      // 如果已上传的文件列表长度等于待上传的文件列表长度，则说明所有文件都已上传完毕
      console.log('所有文件上传完毕');
      // 在这里执行你需要的操作
    }
  }
}

在 `handleSuccess` 方法中，判断已上传的文件列表长度是否等于待上传的文件列表长度，如果相等，则说明所有文件都已上传完毕。你可以在这个判断条件下执行你需要的操作，比如显示上传完成的提示信息、触发其他事件等。

注意，以上代码中的 `uploadUrl` 是文件上传的接口地址，你需要根据实际情况进行修改。另外，你可能需要在 `handleUpload` 方法中使用 axios 或其他 HTTP 请求库来发送上传请求，并根据服务器返回的响应数据来判断上传是否成功。