fix(Image): failed to hide loading when using lazy-load (#10193)

packages/vant/src/image-preview/ImagePreviewItem.tsx

@@ -192,7 +192,7 @@ export default defineComponent({
       const { offsetX, offsetY } = touch;
       const deltaTime = Date.now() - touchStartTime;
       const TAP_TIME = 250;
-      const TAP_OFFSET = 10;
+      const TAP_OFFSET = 5;
 
       if (
         offsetX.value < TAP_OFFSET &&

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) {
+      const check = () => {
-        onLoad();
+        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);
       }
     };