vue-lazy-load
插件介绍
最近移动端项目有图片懒加载需求就索性自己写了一个,暂时先用着,以后再优化
使用方法
// 安装插件
npm install vue-lazy-load
// 使用插件
import Vue from 'vue'
import lazyload from 'vue-lazy-load'
Vue.use(lazyload,{
loading: '默认图片',
error: '加载错误图片'
}
)
//使用v-lazy指令
<div v-for="img in list">
<img v-lazy="img">
</div>
运行demo
npm run dev