vue-lazyload简单使用
npm地址：https://www.npmjs.com/package/vue-lazyload
github地址：https://github.com/hilongjw/vue-lazyload
1.安装插件
npm install vue-lazyload --save
2.引用文件，一般在main.js全局引用，且配置好图片
import Vue from ‘vue‘ import App from ‘./App.vue‘ import VueLazyload from ‘vue-lazyload‘ Vue.use(VueLazyload) // or with options Vue.use(VueLazyload, { preLoad: 1.3, error: ‘dist/error.png‘, loading: ‘dist/loading.gif‘, attempt: 1 }) new Vue({ el: ‘body‘, components: { App } })
3. vue文件中将需要懒加载的图片绑定 v-bind:src 修改为 v-lazy
原文：https://www.cnblogs.com/zzxuan/p/9690496.html