el-upload 组件确实不支持自动更新 file-list,需要手动在上传成功和删除的回调中处理文件列表同步。
无奈只能手动实现,设置 on-success 和 on-remove 的回调处理。
<el-upload
:action="uploadUrl"
accept="image/jpeg,image/png"
multiple
:limit="5"
:data="uploadConfig"
:on-remove="(file, fileList) => { return handleRemoveByLogo1(file, fileList, 1); }"
:before-remove="beforeRemove1"
:before-upload="beforeUploadByLogo"
:on-exceed="handleExceed"
:on-preview="handlePreview1"
:on-success="(res, file, files) => { return handleSuccessLogo1(res, file, files, 1); }"
:file-list="imgJson[1].fileList"
list-type="picture-card">
<img src="./img/" />
<span>拍照确认</span>
</el-upload>
注意:
el-upload手动修改file-list之后无法一次上传多张照片会报
Uncaught TypeError: Cannot set property 'status' of null