diff --git a/apps/web-antd/src/components/upload/src/file-upload.vue b/apps/web-antd/src/components/upload/src/file-upload.vue index c6848fe9..de511f03 100644 --- a/apps/web-antd/src/components/upload/src/file-upload.vue +++ b/apps/web-antd/src/components/upload/src/file-upload.vue @@ -16,7 +16,7 @@ import { checkFileType } from './helper'; import { UploadResultStatus } from './typing'; import { useUploadType } from './use-upload'; -defineOptions({ name: 'FileUpload' }); +defineOptions({ name: 'FileUpload', inheritAttrs: false }); const props = withDefaults( defineProps<{ @@ -95,7 +95,6 @@ watch( return null; }) as UploadProps['fileList']; } - emit('update:value', value); if (!isFirstRender.value) { emit('change', value); isFirstRender.value = false; @@ -169,6 +168,10 @@ function getValue() { if (item?.response && props?.resultField) { return item?.response?.[props.resultField]; } + // 适用于已经有图片 回显的情况 会默认在init处理为{url: 'xx'} + if (item?.url) { + return item.url; + } // 注意这里取的key为 url return item?.response?.url; }); diff --git a/apps/web-antd/src/components/upload/src/image-upload.vue b/apps/web-antd/src/components/upload/src/image-upload.vue index 88e08481..75ee36b7 100644 --- a/apps/web-antd/src/components/upload/src/image-upload.vue +++ b/apps/web-antd/src/components/upload/src/image-upload.vue @@ -16,7 +16,7 @@ import { checkFileType } from './helper'; import { UploadResultStatus } from './typing'; import { useUploadType } from './use-upload'; -defineOptions({ name: 'ImageUpload' }); +defineOptions({ name: 'ImageUpload', inheritAttrs: false }); const props = withDefaults( defineProps<{ @@ -106,7 +106,6 @@ watch( return null; }) as UploadProps['fileList']; } - emit('update:value', value); if (!isFirstRender.value) { emit('change', value); isFirstRender.value = false; diff --git a/apps/web-antd/src/views/演示使用自行删除/upload/index.vue b/apps/web-antd/src/views/演示使用自行删除/upload/index.vue index 3508e431..f7663c41 100644 --- a/apps/web-antd/src/views/演示使用自行删除/upload/index.vue +++ b/apps/web-antd/src/views/演示使用自行删除/upload/index.vue @@ -10,7 +10,7 @@ import { FileUpload, ImageUpload } from '#/components/upload'; const resultField = ref<'ossId' | 'url'>('ossId'); const imageList = ref([]); -const fileList = ref([]); +const fileList = ref(['111', '2222']); const fieldOptions = [ { label: 'ossId', value: 'ossId' }, { label: '链接地址', value: 'url' }, @@ -25,13 +25,9 @@ const signleImage = ref('');
-
@@ -39,7 +35,11 @@ const signleImage = ref(''); 返回字段:
- +
@@ -55,6 +55,7 @@ const signleImage = ref('');