微信小程式分頁

2021-08-22 04:29:47 字數 539 閱讀 4319

page(,

/*** 生命週期函式--監聽頁面載入

*/onload: function(options) ,

//page:頁碼 max_count:資料大小

getdata: function (page, max_count),

success: function (res) )

}var contentlist = res.data.list //後台請求拿到的結果

//如果請求的資料小於20 就提示沒有更多資料 否則正在載入

if (contentlist.length < max_count) )

} else )

}} else }})

},/**

* 頁面相關事件處理函式--監聽使用者下拉動作

*/onpulldownrefresh: function() ,

/*** 頁面上拉觸底事件的處理函式

*/onreachbottom: function() ,

})

微信小程式分頁載入

要實現這樣的功能,一般需要在請求資料時加入當前請求頁數,以及頁的大小 每頁顯示的數量 也有一部分介面是通過請求的開始偏移量和結束偏移量請求資料,例如你一頁顯示10條資料,第一次 第一頁 請求即開始start為0結束end是9,第二頁就是從10到19,以此類推。頁面相關事件處理函式 監聽使用者下拉動作...

微信小程式 分頁功能

這個時候就需要分批次請求後台的房型列表 以這個例子為列,先看一下效果,為了方便測試,我是兩條資料為一頁,如果請求的最後一頁沒有了資料,則顯示沒有更多資料 這個效果中,乙個房型就是一條資料,大概思路就是將你每次要請求多少條資料傳到後台介面,後台會返回你請求的這幾條資料,在使用者下拉一次時再去請求一次介...

微信小程式實現分頁效果

onready function onshow function onhide function onunload function onpulldownrefresh function onreachbottom function 從上面可以看出下拉重新整理和上拉載入更多的封裝的監聽事件是onpu...