vue版本的lazy-load-img图片懒加载插件

关于

本插件基于lazy-load-img的vue版本实现,请到lazy-load-img查看文档

开发

npm install npm run dev 使用 支持模块化加载和浏览器中直接引入使用 npm install --save-dev lazy-load-img vue-lazy-load-img

import Vue from 'vue' import VueLazyLoadImg from 'vue-lazy-load-img' Vue.use(VueLazyLoadImg)

<vue-lazy-load-img mode="diy" :time="300" :done="true" :position="{ top: 0, right: 0, bottom: 0, left: 0 }" :diy="{ backgroundSize: 'cover', backgroundRepeat: 'no-repeat', backgroundPosition: 'center center' }" @before="before" @success="success" @error="error"> <img src="./images/default.png" data-src="./images/test.png" alt=""> </vue-lazy-load-img>

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。