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