首先在下载
npm i vue-lazyload --save-dev
然后在main.js 入口文件中配置引入import VueLazyLoad from 'vue-lazyload'然后配置默认加载图片Vue.use(VueLazyLoad, { loading: require('./images/default.png') // 加载的默认图片路径})
最后在.vue 文件中使用v-lazy 代替 :src 绑定图片 例:
本文共 266 字,大约阅读时间需要 1 分钟。
首先在下载
npm i vue-lazyload --save-dev
然后在main.js 入口文件中配置引入import VueLazyLoad from 'vue-lazyload'然后配置默认加载图片Vue.use(VueLazyLoad, { loading: require('./images/default.png') // 加载的默认图片路径})
最后在.vue 文件中使用v-lazy 代替 :src 绑定图片 例:
转载于:https://my.oschina.net/lpcysz/blog/1786963