参考:https://github.com/hilongjw/vue-lazyload。
1.下载:npm install --save vue-lazyload
2.配置:在main.js中
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
error: require('./error.png'), //加载失败后显示的图片
loading: require('./loading.png') //默认没有加载前的显示图片
})
3.引用:
<img v-lazy="item.imgsrc" alt="图片" class="img_box"/>