blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
neverland 2022-01-15 21:11:11 +08:00 committed by GitHub
parent 6e27d02404
commit be2a401d23
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/vant/src/image/Image.tsx
View File

@ -2,6 +2,7 @@ import {
ref, ref,
watch, watch,
computed, computed,
nextTick,
onBeforeUnmount, onBeforeUnmount,
defineComponent, defineComponent,
getCurrentInstance, getCurrentInstance,
@ -159,8 +160,17 @@ export default defineComponent({
}; };
const onLazyLoaded = ({ el }: { el: HTMLElement }) => { 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);
} }
}; };