From 6fb47874a3a3b9dcfd0a045400dec43c5621c272 Mon Sep 17 00:00:00 2001
From: tangjinzhou <415800467@qq.com>
Date: Wed, 8 Mar 2023 13:43:47 +0800
Subject: [PATCH] fix: image preview error #6333

---
 components/vc-image/src/Image.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/components/vc-image/src/Image.tsx b/components/vc-image/src/Image.tsx
index 73d1e97cf..cd75b71cb 100644
--- a/components/vc-image/src/Image.tsx
+++ b/components/vc-image/src/Image.tsx
@@ -81,6 +81,7 @@ const ImageInternal = defineComponent({
         ? mergeDefaultValue(props.preview, defaultValues)
         : defaultValues;
     });
+    const src = computed(() => preview.value.src ?? props.src);
     const isCustomPlaceholder = computed(
       () => (props.placeholder && props.placeholder !== true) || slots.placeholder,
     );
@@ -171,14 +172,14 @@ const ImageInternal = defineComponent({
     let unRegister = () => {};
     onMounted(() => {
       watch(
-        [() => props.src, canPreview],
+        [src, canPreview],
         () => {
           unRegister();
           if (!isPreviewGroup.value) {
             return () => {};
           }
 
-          unRegister = registerImage(currentId.value, props.src, canPreview.value);
+          unRegister = registerImage(currentId.value, src.value, canPreview.value);
 
           if (!canPreview.value) {
             unRegister();
@@ -216,12 +217,12 @@ const ImageInternal = defineComponent({
         class: cls,
         style,
       } = attrs as ImgHTMLAttributes;
-      const { icons, maskClassName, src: previewSrc, ...dialogProps } = preview.value;
+      const { icons, maskClassName, ...dialogProps } = preview.value;
 
       const wrappperClass = cn(prefixCls, wrapperClassName, rootClassName, {
         [`${prefixCls}-error`]: isError.value,
       });
-      const mergedSrc = isError.value && fallback ? fallback : previewSrc ?? imgSrc;
+      const mergedSrc = isError.value && fallback ? fallback : src.value;
       const imgCommonProps = {
         crossorigin,
         decoding,