vue图片懒加载

Posted 2021-01-28 cs122

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()

}