vue-lazyload

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="从后台拿到的图片"

转载于:https://my.oschina.net/u/3653125/blog/1532058