vue滾動懶加載列表 vue實現(xiàn)的上拉加載更多數(shù)據(jù)/分頁功能示例？
vue實現(xiàn)的上拉加載更多數(shù)據(jù)/分頁功能示例？有兩種方法可以在Vue中實現(xiàn)上拉加載更多數(shù)據(jù)。一種是監(jiān)控滾動條的滾動距離，當(dāng)滾動條即將滾動到底部時，觸發(fā)下一頁的加載。另一個想法是使用交叉觀察者。當(dāng)觸發(fā)視差
vue實現(xiàn)的上拉加載更多數(shù)據(jù)/分頁功能示例？
有兩種方法可以在Vue中實現(xiàn)上拉加載更多數(shù)據(jù)。一種是監(jiān)控滾動條的滾動距離，當(dāng)滾動條即將滾動到底部時，觸發(fā)下一頁的加載。另一個想法是使用交叉觀察者。當(dāng)觸發(fā)視差交叉時，將觸發(fā)加載下一頁的方法
加載和顯示新數(shù)據(jù)是Vue中最簡單的方法。只需向數(shù)據(jù)中添加一個新值：方法：{loadmore:function（）{yourajax方法（function（moredata）{此.items.push（更多數(shù)據(jù)）}。Bind（this））}另一個問題是如何觸發(fā)loadmore。這里，就像你說的，滾動。因此，您需要監(jiān)視滾動事件或使用其他滾動插件（如iscroll）在相應(yīng)的回調(diào)中調(diào)用loadmore。這個問題的本質(zhì)可以追溯到IOS runloop。滑動時Runloop切換模式。Nstimer和Scrollview默認(rèn)分為兩種模式，可以通過以下兩種方式解決：分別將計時器添加到兩種模式中，將計時器添加到頂部runloop的“共模項”中，runloop會自動將“共模項”更新為具有“common”屬性的所有模式。
Vue無限滾動加載指令實現(xiàn)方法？
例如，我們需要解決“在Vue路由器切換頁面后讓滾動條返回頂部，而不是保持在原始位置”的問題（這也是我遇到的問題之一）。
方法1。在歷史模式下：
請參閱文檔：滾動行為。Vue router
文檔中說：“當(dāng)切換到新路由時，您希望頁面滾動到頂部，或者保持原來的滾動位置，就像重新加載頁面一樣。是的，而且更好的是，它允許您自定義在切換路由時頁面的滾動方式?！?/p>
方法2。別用歷史模式
我兩種方法都試過了，都很有效。