vue下vue-lazyload插件的图片懒加载

参考: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"/>

猜你喜欢

转载自blog.csdn.net/qq_42231156/article/details/88174645
今日推荐