微信小程序如何實現下拉刷新上滑加載

2021-02-21 分類：微信小程序

微信小程序是可以做到下拉刷新的，使用的函數是：onPullDownRefresh，要想下拉刷新什么數據，只需要在這個函數里面寫入被刷新的函數即可。

但是有一點需要說明，這個下拉刷新并不是默認開啟的，即便已經好定義了onPullDownRefresh，那么這個開關在什么地方呢？這就需要我們設置需要刷新頁面的json里面配置一個參數："enablePullDownRefresh": true，配置了這個參數的下拉頁面才會生效。

在微信小程序里面其實是沒有分頁控件的，也就不能像網頁一樣點擊頁面跳轉到某一頁。這時我們需要使用上滑加載來實現一頁一頁的加載，當我們的內容到了底部以后，就會加載第二頁的內容。那么這個上滑加載是如何實現的呢？

這里我們只介紹重點：1.設置初始加載函數初始加載函數的意思就是，當頁面進來顯示的時候，要顯示一頁的內容，這一項是必須的。2.配置onReadBottom函數配置觸發小程序到底后加載數據，這里我們需要一個初始頁碼，每次到達頁面底部以后，頁碼加1，

this.data.currentPage = this.data.currentPage + 1;

結果運用concat函數進行拼接：

that.setData({

items: that.data.items.concat(JSON.parse(res.data[0].list))

})

這樣，我們在將頁碼傳入后臺進行數據分頁查詢，就可以實現分頁加載了。

結語

在寫代碼的時候，有的時候用this，有的時候用var that=this;在wx.request里面的用that，外面的用this，這一點需要大家特別留意。

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有微信小程序等

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容