1.$ npm install vue-lazyload
2.
3.use
mainjs
import Vue from 'vue'
import App from './App'
import VueLazyLoad from 'vue-lazyload'
Vue.use(VueLazyload, {
preload: 1.3,
//报错的时候可以链接到本地的一张图片 此处可以写路径
error: 'dist/error.png',
//此处可放一张加载时数据还未出现的放一张本地图片 路径
loading: 'dist/loading.gif',
attempt: 1
})
在vue组件用的时候在img标签中的src换成v-lazy="从后台拿到的图片"