首页 > 其他 > 详细

vue图片懒加载

时间:2018-12-21 20:39:44      阅读:145      评论:0      收藏:0      [点我收藏+]

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" >
</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()
}
 

vue图片懒加载

原文:https://www.cnblogs.com/cs122/p/10158784.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!