usage
import vue from 'vue' import vuelazyload from 'vue-lazyload' vue.use(vuelazyload, { preload: 1.3, error: 'dist/error.png', loading: 'dist/loading.gif', attempt: 1 })
options参数说明
preload
描述：
例子：
error
描述：图片加载失败后，的默认图片
例子：error: 'dist/error.png',
loading
描述：图片加载过程中，默认显示的图片设置
例子： loading: 'dist/loading.gif',
attempt
描述：
例子：
listenevents
描述：监听的事件，默认值 ['scroll', 'wheel', 'mousewheel', 'resize', 'animationend', 'transitionend', 'touchmove']
例子：listenevents: [ 'scroll' ]
adapter
描述：
例子：
filter
　描述：过滤图片的路径，默认{ }
例子：
lazycomponent
描述：
例子：
实战例子 在main.js文件添加： import vuelazyload from 'vue-lazyload' vue.use(vuelazyload, { // 设置默认显示的图片 loading: require('common/image/default.png') }) 在需要用到延迟加载页面 <img width="60" height="60" v-lazy="item.imgurl">
以上就是vue-lazyload - 图片延迟加载实例教程的详细内容。