先写在原有的安装
cnpm uninstall vue-lazyload --save
再安装低版本的
cnpm install vue-lazyload@1.3.3 --save
main.js --导入配置
import VueLazyload from 'vue-lazyload';
//或者自定义配置插件
// Vue.use(VueLazyload);
const loadimage = require('@/assets/loding.jpg');
const errorimage = require('@/assets/error.gif');
Vue.use(VueLazyload, {
preLoad: 1.3,
error: loadimage,
loading: errorimage ,
attempt: 1,
});
vue页面使用
<img v-lazy="item.thumb" />
//自定义
<div v-lazy-container="{ selector: 'img', error: '@/assets/loding.jpg', loading: '@/assets/error.gif' }">
<img data-src="//domain.com/img1.jpg">
<img data-src="//domain.com/img2.jpg">
<img data-src="//domain.com/img3.jpg">
</div>