fix(UploadFile): 🐛 超出文件上限个数提示

This commit is contained in:
cshaptx4869
2025-10-22 11:11:46 +08:00
parent 51e78d7301
commit 30d56bb69a

View File

@@ -8,6 +8,7 @@
:http-request="handleUpload"
:on-success="handleSuccess"
:on-error="handleError"
:on-exceed="handleExceed"
:accept="props.accept"
:limit="props.limit"
multiple
@@ -22,10 +23,14 @@
<template v-if="file.status === 'success'">
<div class="el-upload-list__item-info">
<a class="el-upload-list__item-name" @click="handleDownload(file)">
<el-icon><Document /></el-icon>
<el-icon>
<Document />
</el-icon>
<span class="el-upload-list__item-file-name">{{ file.name }}</span>
<span class="el-icon--close" @click.stop="handleRemove(file.url!)">
<el-icon><Close /></el-icon>
<el-icon>
<Close />
</el-icon>
</span>
</a>
</div>
@@ -176,6 +181,13 @@ function handleUpload(options: UploadRequestOptions) {
});
}
/**
* 上传文件超出限制
*/
function handleExceed() {
ElMessage.warning(`最多只能上传${props.limit}个文件`);
}
/**
* 上传成功
*/