解决element-ui的upload组件上传文件失败后，仍显示在列表上（成功才显示，失败不显示）

el-upload 上传失败后，文件仍显示在列表上，如图：

这个pdf文件上传失败，仍显示在列表，给人错觉是上传成功的，所以，我们把它去掉~，下面上代码：

	上传
	
注:只能上传图片或pdf文件

handleRemove (file, fileList) {
    this.ruleForm.commission = fileList
    // this.ruleForm.fileName = '' // 用于校验
},
onChange (file, fileList) {
  this.files = fileList
},
uploadFile (fileObj) { // 上传
	let file = fileObj.file
	uploadImageInfo({ file: file, width: 165, height: 245, caseId: this.caseId, taskId: this.taskId }).then(res => {
          if (res.success && res.data) {
          	// 后端接口返回后逻辑-todo
              const obj = {
                  name: '文件名.pdf', // 文件名带后缀
                  url: data.path, // 文件路径
              }
              this.ruleForm.commission.push(obj) // 显示用的
          }
      }).catch(err => {
          console.log(err)
          let uid = file.uid // 关键作用代码，去除文件列表失败文件
          let idx = this.$refs.uploadFile.uploadFiles.findIndex(item => item.uid === uid) // 关键作用代码，去除文件列表失败文件（uploadFiles为el-upload中的ref值）

          this.$refs.uploadFile.uploadFiles.splice(idx, 1) // 关键作用代码，去除文件列表失败文件

      })
}

按照以上代码操作，完美地去掉了失败文件~

总结：翻了官方文档，没有看到处理方法，之所以这么处理，是因为显示的fileList列表并不是我赋值数据需要显示的列表。

正好遇到此问题，整理出来解决方法，希望能帮到需要的人，谢谢~