需求:上传多个文件,上传时绑定fileList回显问题:上传成功,后台返回的数据也拿到了,但是onchang监控的时候,文件的状态一直是上传中原因:onchange只触发一次解决方法:使用单个文件上传时,@change事件至少会被触发两次,一次file.status=uploading,最后一次不是done就是error,handleUpload1(info){if(info.file.status==='上传'){这个。loading=this.isUpload1=truereturn}if(info.file.status==='done'){this.loading=this.isUpload1=falsethis.params.imgUrl1=info.file.response.data.url}},但是如果需要上传显示一组文件,就需要保存文件的状态,给一个属性:file-list="fileList",此时change事件只会触发一次(上传),然后看github上的解决方案Controlledmode,应该一直跟踪onChange中fileList的状态,确保所有状态都同步到UploadandleChangeFile(info,code){//uploadfileconsole.log('info===>',信息,代码,info.fileList);let{fileList}=infoconststatus=info.file.statusif(status!=='uploading'){}if(status==='done'){this.videoUrlList.push({uid:fileList[fileList.length-1].uid,url:info.file.response.data.url})}this.fileList=[...fileList]//重要},最后一行是关键,不管文件上传状态是什么,必须同步filelist,不能用return,否则没有回调感谢:https://blog.csdn.net/zhhao1/article/details/107106890
