VUE实现图片懒加载

一.在终端进行

npm install vue-lazyload --save

二.在main.js中

import VueLazyLoad from 'vue-lazyload'
Vue.use(VueLazyLoad,{
loading:require('')
})

loading:require就是在图片没加载完成前,你可以添加一张图片,就是默认图片没加载出来是白色,你可以替换这个白色,加一张自己喜欢的图片(在require中添加图片地址),如果不需要就直接这样写就行了

Vue.use(VueLazyLoad)

三.在渲染图片的时候,就不能用src了,应该这样


你可能感兴趣的:(VUE实现图片懒加载)