vue-lazyload懒加载插件介绍和应用

当前窗口看到的内容是有限的，当滚动到相应位置时加载其余内容

插件vue-lazyload：https://github.com/hilongjw/vue-lazyload

安装后

main.js中

import VueLazyLoad from ‘vue-lazyload’

Vue.use(VueLazyLoad, {

loading:require(‘common/image/default.png’)

})

组件中运用

：src替换为v-lazy

遇到的问题：better-scroll和fastclick冲突了，即轮播图的点击跳转页面不好使了，只要给图片img标签加一个类名class=“needsclick”即可，如下：

<img class="needsclick" @load="loadImage" :src="item.picUrl">