码迷,mamicode.com
首页 > 其他好文 > 详细

vue图片懒加载

时间:2018-12-21 21:12:03      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:for   rom   key   his   more   v-for   col   box   scroll   

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图片懒加载

标签:for   rom   key   his   more   v-for   col   box   scroll   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!