vue-infinite-scroll.js常見問題記錄

1.重複加載問題。初次進入列表頁,會加載兩次或者多次數據

造成重複加載的原因,罪魁禍首是infinite-scroll-disabled,在 loadMore 方法裏確認infinite-scroll-disabled是否爲true。請求數據後判斷返回數據的長度是否等於設置分頁的數量,等於分頁數量爲false,小於爲true。

2.滾動時不起作用

如果要用數據對容器進行填充,那麼必須設置容器高度 也可以是屏幕高度,不然無法觸發loadMore事件

3.一直加載到最後一頁的

查看容器以及父容器是否有v-if或者v-show,分頁的加載在DOM節點生成之後執行。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章