526互联

Element-UI el-upload组件，上传失败，但是依然显示文件列表

发布时间 2023-03-28 12:10:52作者: Scok

问题描述

最近在使用element-ui的 el-upload组件，发现一个问题，就是我在上传文件过程中，上传失败了，文件列表仍然展示该文件。

解决办法

上传成功on-success回调方法中

  // 除去上传失败的文件  refName为绑定的upload ref值
  const errFileIndex = this.$refs.refName.uploadFiles.findIndex(item => item.uid = uid);
  if(errFileIndex != -1){
    this.$refs.refName.uploadFiles.splice(errFileIndex,1);
  }