vue中實現滾動載入
阿新 • • 發佈：2018-11-17
需要安裝該外掛:
cnpm i vue-infinite-scroll -S // 生產依賴 --save 等價
在main.js檔案進行引入進來
data中設定 busy:false <!-- 滾動載入 --> <div v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="10"> <div class="load">滾動載入更多</div> </div>
loadMore(){
this.busy=true;
// 延遲1s去請求資料
setTimeout(()=>{
// 應該是請求後臺提供的介面資料
this.busy = true;
for(let i=0;i<5;i++){
this.dataLst.push({
title:"h好好學習 天天向上啊"+i
});
}
this.busy = false;
},1000);
},