<el-upload
ref="upload"
v-model:file-list="logoFile"
class="upload-demo"
:class="{hide:logoFile.length === 1}" //文件数超过限制时 hide样式生效
accept="image/*"
multiple
:show-file-list="true"
:limit="1"
list-type="picture-card"
:action="uploadUrls"
:on-remove="(file:UploadUserFile, uploadFiles:UploadUserFile[]) => handleRemove(file,uploadFiles, 'shopAvatar')"
:on-success="(res, file:UploadUserFile, files:UploadUserFile[]) => handleAvatarSuccess(res, file, files, 'shopAvatar')"
:on-preview="(file:UploadUserFile) => handlePictureCardPreview(file,'avatar')"
>
<el-icon class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
样式代码
.hide {
:deep(.el-upload--picture-card) {
display: none !important
}
}