这个插件未压缩版本只有7.62kb,很精简,支持img标签和background-img资源的lazyload。支持vue.js 1.0 和vue.js 2.0
安转
rush:bash;">
$ npm install vue-lazyload --save
使用方法
rush:js;">
//main.js
import Vue from 'vue'
// import VueLazyload
import VueLazyload from 'vue-lazyload'
//use custom directive
Vue.use(VueLazyload)
// use options
Vue.use(VueLazyload,{
preLoad: 1.3,error: 'dist/error.png',loading: 'dist/loading.gif',attempt: 1
})
new Vue({
el: 'body',})
rush:js;">
这里可以定制所有加载中和加载失败加载成功的样式,
rush:css;">
API
Options
type | detail |
---|---|