Vue图片懒加载 vue-lazyload插件

. 安装插件:
npm install vue-lazyload --save-dev

使用插件
main.js 中使用:

import VueLazyLoad from 'vue-lazyload'
Vue.use(VueLazyLoad,{
    error:'./static/error.png',
    loading:'./static/loading.png'
})

图片替换:

 vue文件中将需要懒加载的图片绑定 v-bind:src 修改为 v-lazy 


你可能感兴趣的:(vue)