UNPKG

vue-lazyload-imgs

Version:

This Vue component vue-lazyload-imgs is used to implement lazy loading of images in Vue2 (Vue>=2.6.0) and Vue3 framework environments. The difference from some lazy loading image instructions is that this component can lazily load any number of images at

24 lines (23 loc) 902 B
import { VNode } from 'vue-demi'; import { EmitFunc, ILazyOptions } from './types'; export declare class Lazy { private _lazyOptions; private _observerOptions; private _htmlFieldName; private _imgObserver; static instId: number; private _imgId; private _dataImgIdList; private _logMsgPrefix; private _modelHtmlIdx; private _modelHtmlArr; constructor(lazyOptions: ILazyOptions, observerOptions: IntersectionObserverInit, htmlFieldName: string | undefined); setImgSrcToLoadingImg(vnodes: VNode[], modelValue: string | object[] | undefined, emits: EmitFunc): string[]; createImgObserver(): IntersectionObserver; private _intersectionCallback; private _delayIntersectionCallback; private _setImgSrc; private _listenImgStatus; clearLazyTimeout(imgEl: HTMLImageElement | Element): void; private _lifecycle; }