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