vue 实现图片懒加载功能

npm install vue-lazyload --save-dev

import VueLazyload from "vue-lazyload";

Vue.use(VueLazyload);

或者自定义

Vue.use(VueLazyload, {
preLoad: 1.3,
error: 'dist/error.png',
loading: 'dist/loading.gif',
attempt: 1
})

 <img v-lazy="psdimg" class="psd" />

<div v-lazy-container="{ selector: 'img' }">
  <img data-src="//domain./img1.jpg">
  <img data-src="//domain./img2.jpg">
  <img data-src="//domain./img3.jpg">  
</div>
 
或者这种

 <div>
v-lazy-container="{ selector: 'img' }"
class="contentDiv construction"
v-html="content">
</div>