aixy-vue2-lazy-img

Vue 懒加载插件

使用方式

可用于 img 和 非 img 类型的 html 元素，非 img 元素上最终会渲染为 background-image

import Vue from 'vue';
import aixyVue2LazyImg from 'aixy-vue2-lazy-img';

Vue.use(aixyVue2LazyImg, {
    lazyAttr: 'data-origin',  // 存放图片 url 的属性
    loadAttr: 'data-loaded',  // 应用了懒加载图片的元素，图片加载与否的标志
    lazyId: 'lazy-id',  // 应用了懒加载图片的元素的 id
    delay: 500,  // 节流：500ms 内无论如何滚动，只会做一次图片载入处理
    imgFormater: function(url){ //扩展中
        // 图片在加载的时候对它做一些处理
        return url;
    }
});