当前窗口看到的内容是有限的,当滚动到相应位置时加载其余内容
插件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">