From 6215f567906d0a700dd3d50b4116263c715e6111 Mon Sep 17 00:00:00 2001
From: VeryHandSomeBoy <791405318@qq.com>
Date: Fri, 12 Aug 2022 15:52:15 +0800
Subject: [PATCH] fix(image): fix responsiveness problem

fix #263
---
 src/image/image.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/image/image.vue b/src/image/image.vue
index 811ab0923..d2dd9de92 100644
--- a/src/image/image.vue
+++ b/src/image/image.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script lang="ts">
-import { ref, computed, defineComponent, SetupContext, getCurrentInstance, h, watch } from 'vue';
+import { ref, computed, defineComponent, SetupContext, getCurrentInstance, h, watchEffect } from 'vue';
 import { useIntersectionObserver } from '@vueuse/core';
 import { EllipsisIcon, CloseIcon } from 'tdesign-icons-vue-next';
 import { useEmitEvent, renderTNode, TNode } from '../shared';
@@ -69,7 +69,10 @@ export default defineComponent({
 
     // 图片懒加载
     const imageDOM = ref();
-    const realSrc = ref(props.lazy ? '' : props.src);
+    const realSrc = ref('');
+    watchEffect(() => {
+      realSrc.value = props.lazy ? '' : props.src;
+    });
     const { stop } = useIntersectionObserver(imageDOM, ([{ isIntersecting }], observerElement) => {
       if (isIntersecting && props.lazy) {
         // 停止监听