diff --git a/src/components/primevue/upload-demo.vue b/src/components/primevue/upload-demo.vue index 9675938..3f6ef9d 100644 --- a/src/components/primevue/upload-demo.vue +++ b/src/components/primevue/upload-demo.vue @@ -81,10 +81,14 @@ const showUploadButton = computed(() => { return false; }); +const fileLimit = 2; const disabled = computed(() => { if (fileUploadRef.value?.uploadedFiles?.some((f) => f.status === 'failed')) { return true; } + if ((fileUploadRef.value?.uploadedFileCount || 0) >= fileLimit) { + return true; + } return false; }); @@ -102,7 +106,7 @@ const disabled = computed(() => { accept="image/*" :maxFileSize="1000000 * 1" invalidFileSizeMessage="文件 {0} 大小超过限制 {1}" - :fileLimit="2" + :fileLimit="fileLimit" invalidFileLimitMessage="最多只能上传 {0} 个文件,请移除多余文件后点击上传" @uploader="onUploader" :chooseButtonProps="{ size: 'small' }" @@ -113,11 +117,6 @@ const disabled = computed(() => { 请上传图片 + +
files.length: {{ files.length }}
+
uploadedFiles.length: {{ uploadedFiles.length }}
+
uploadedFileCount: {{ fileUploadRef?.uploadedFileCount }}