lazyload图片懒加载

安装  

npm i -S vue-lazyload

 

 

在src/main.js文件中添加如下内容

import VueLazyload from ‘vue-lazyload’

Vue.use(VueLazyload,{

加载时要显示的图片  这里是懒加载的图片

loading:'http://ex.cocalch.top/1.jpg'

})

 

在组件中使用

<div>

<img v-lazy="film.poster">

</div>