el-upload组件第二次点击手动submit时不生效
问题:使用el-upload组件手动上传时,首次提交失败再次点击时没有反应
submit() {
this.$refs.upload.submit()
}
1
2
3
2
3
解决这个问题最简单的方法就是调用组件的clearFiles方法重置文件列表即可,但如果想要保留上传文件不清空,就要使用另外的方式
this.$refs.upload.clearFiles()
1
仔细观察的小伙伴可能已经发现了,在手动上传前组件的fileLest的status是ready,而调用上传后该状态会被改变,所以我们在调用submit()后将fileList的status改回ready即可
onError() {
this.$refs.upload.uploadFiles[0].status = 'ready'
}
1
2
3
2
3
上次更新: 2025/09/05, 8:09:00