vue图片懒加载

转载于 2018-12-21 20:32:00 发布 · 66 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/cs122/p/10158784.html

文章标签：

npm install vue-infinite-scroll --save

  import infiniteScroll from 'vue-infinite-scroll'
 
  Vue.use(infiniteScroll)
 
    <div class="hello">
   
    <div>
   
    <div class="picbox" v-for="(item, index) in datalist" :key="index">
   
    {{item.url}}
   
    {{index}}
   
    <img v-lazy="item.url" alt="">
   
    </div>
   
    <div class="clear"></div>
   
    </div>
   
    <div v-infinite-scroll="loadMore" class="loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="30">
   
    加载中。。。
   
    </div>
   
    </div>
   
      loadMore () {
     
      console.log('ooo')
     
      this.key()
     
      }