<el-upload :action="action"
:accept="accept"
:headers="headers"
:file-list="uploadFileList"
:multiple="multiple"
:on-success="fillUploadSuccess"
:on-remove="fillUploadRemove"
:on-preview="handlePreview"
:before-upload="beforeUpload"
:disabled="readonly"
:class="{readonly:readonly}"
v-bind="$attrs"
v-on="$listeners"
:limit="limit"
:on-exceed="handleExceed"
ref="uploadConfig">
</el-upload>
method:{
fillUploadSuccess(res, file, fileList) {
if (res.code !== '200') {
this.$message({
type: 'error',
showClose: true,
message: res.msg
})
// 若上传失败,移除附件列表中上传失败的数据
const uid = file.uid
const idx = this.$refs.uploadConfig.uploadFiles.findIndex(item => item.uid === uid)
this.$refs.uploadConfig.uploadFiles.splice(idx, 1)
return false
} else {
console.log('成功')
}
}
}
清空附件列表
// 公共方法:清空上传状态
clearUpload() {
this.fileUrl = ''; // 清空绑定的数据
this.fileList = []; // 清空显示的列表
this.$refs.uploadRef.clearFiles(); // 调用 el-upload 的 clearFiles
},```