vue實現的上拉加載更多數據/分頁功能示例？有兩種方法可以在Vue中實現上拉加載更多數據。一種是監(jiān)控滾動條的滾動距離，當滾動條即將滾動到底部時，觸發(fā)下一頁的加載。另一個想法是使用交叉觀察者。當觸發(fā)視差

vue實現的上拉加載更多數據/分頁功能示例？

有兩種方法可以在Vue中實現上拉加載更多數據。一種是監(jiān)控滾動條的滾動距離，當滾動條即將滾動到底部時，觸發(fā)下一頁的加載。另一個想法是使用交叉觀察者。當觸發(fā)視差交叉時，將觸發(fā)加載下一頁的方法

加載和顯示新數據是Vue中最簡單的方法。只需向數據中添加一個新值：方法：{loadmore:function（）{yourajax方法（function（moredata）{此.items.push（更多數據）}。Bind（this））}另一個問題是如何觸發(fā)loadmore。這里，就像你說的，滾動。因此您需要監(jiān)視滾動事件或使用其他滾動插件，例如iscroll，在相應的回調中調用loadmore

~窗口.onscroll=函數（）{var t=document.documentElement.scrollTop文件|| document.body.scrollTop文件//與頂部的距離var H=窗內高度|| document.documentElement.clientHeight文件|| document.body.clientHeight文件//可視寬度if（T>=document.documentElement.scrollHeight文件-H） {alert（“222”）}

它是否會在每次重新加載數據時重新生成與整個arr對應的DOM？如果是這樣，則將其更改為DOM的append模式，并且只創(chuàng)建新加載的數據作為相應的DOM，并且每次重新加載數據時都將其追加到原始列表中