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): load event missing params (#11406)

Browse Source
This commit is contained in:
neverland 2022-12-23 11:07:40 +08:00 committed by GitHub
parent 8043a9e0fe
commit 0ee41a41a9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -96,13 +96,22 @@ export default defineComponent({
}
);
const onLoad = (event?: Event) => {
const onLoad = (event: Event) => {
if (loading.value) {
loading.value = false;
emit('load', event);
}
};
const triggerLoad = () => {
const loadEvent = new Event('load');
Object.defineProperty(loadEvent, 'target', {
value: imageRef.value,
enumerable: true,
});
onLoad(loadEvent);
};
const onError = (event?: Event) => {
error.value = true;
loading.value = false;
@ -172,7 +181,7 @@ export default defineComponent({
const onLazyLoaded = ({ el }: { el: HTMLElement }) => {
const check = () => {
if (el === imageRef.value && loading.value) {
onLoad();
triggerLoad();
}
};
if (imageRef.value) {
@ -206,7 +215,7 @@ export default defineComponent({
onMounted(() => {
nextTick(() => {
if (imageRef.value?.complete) {
onLoad();
triggerLoad();
}
});
});

2
packages/vant/src/image/README.md
View File

@ -125,7 +125,7 @@ app.use(Lazyload);
| Event | Description | Arguments |
| ----- | ------------------------------ | ------------------- |
| click | Emitted when image is clicked | _event: MouseEvent_ |
| load | Emitted when image loaded | - |
| load | Emitted when image loaded | _event: Event_ |
| error | Emitted when image load failed | - |
### Slots

2
packages/vant/src/image/README.zh-CN.md
View File

@ -151,7 +151,7 @@ app.use(Lazyload);
| 事件名 | 说明 | 回调参数 |
| ------ | ------------------ | ------------------- |
| click | 点击图片时触发 | _event: MouseEvent_ |
| load | 图片加载完毕时触发 | - |
| load | 图片加载完毕时触发 | _event: Event_ |
| error | 图片加载失败时触发 | - |
### Slots