From be2a401d23670185e4715b166312ea73686fc2b7 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sat, 15 Jan 2022 21:11:11 +0800
Subject: [PATCH] fix(Image): failed to hide loading when using lazy-load
 (#10193)

---
 packages/vant/src/image/Image.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/vant/src/image/Image.tsx b/packages/vant/src/image/Image.tsx
index ee61359de..ce6488e43 100644
--- a/packages/vant/src/image/Image.tsx
+++ b/packages/vant/src/image/Image.tsx
@@ -2,6 +2,7 @@ import {
   ref,
   watch,
   computed,
+  nextTick,
   onBeforeUnmount,
   defineComponent,
   getCurrentInstance,
@@ -159,8 +160,17 @@ export default defineComponent({
     };
 
     const onLazyLoaded = ({ el }: { el: HTMLElement }) => {
-      if (el === imageRef.value && loading.value) {
-        onLoad();
+      const check = () => {
+        if (el === imageRef.value && loading.value) {
+          onLoad();
+        }
+      };
+      if (imageRef.value) {
+        check();
+      } else {
+        // LazyLoad may trigger loaded event before Image mounted
+        // https://github.com/youzan/vant/issues/10046
+        nextTick(check);
       }
     };