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>

右侧打赏一下 代码改变世界一块二块也是爱
原文地址:https://www.cnblogs.com/ht955/p/14253567.html