使用vue-lazyload插件可以实现图片懒加载
下载vue-lazyload插件
$ npm i vue-lazyload -S
在入口文件main.js中导入
import VueLazyload from 'vue-lazyload'
在入口文件main.js中安装
Vue.use(VueLazyload)
使用
<img v-lazy="img.src" >
注意:在安装的时候,可以传入一个对象,来使用更多的功能
Vue.use(VueLazyload, {
preLoad: 1.3,
error: 'dist/error.png',
loading: 'dist/loading.gif',
attempt: 1
})