el-upload 上传文件没有成功，但是文件仍显示在列表上

记得 ref="uploadFile" 要写上 下面要用到

<el-upload
ref="uploadFile"
class="upload-demo"
action="http://127.0.0.1:8000/p/v1/file/"
multiple
:http-request="uploadFile"
:file-list="temp.fileList">
<el-butto

上传文件

uploadFile(file) {

 // 把文件放入 FormData 进行提交

 console.log("this.temp.fileList,",this.temp.fileList);

 const param = new FormData()

let files= file.file

 param.append('files', files)

 uploadFile(param).then(response => {

 // TODO 一些关闭弹框，上传成功提示等

 

 }).catch((err) => {

        console.log("this",this)

         console.log("this.temp.fileList0,",err,this.temp.fileList);

        

         let uid = files.uid // 关键作用代码，去除文件列表失败文件

          let idx = this.$refs.uploadFile.uploadFiles.findIndex(item => item.uid === uid) // 关键作用代码，去除文件列表失败文件（uploadFiles为el-upload中的ref值）

          console.log(idx,"=======",this.$refs.uploadFile.uploadFiles);

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

 

        

        })

 },