微信小程序如何實現下拉刷新上滑加載
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，這一點需要大家特別留意。
名稱欄目：微信小程序如何實現下拉刷新上滑加載
文章出自：http://m.js-pz168.com/news23/102123.html
網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有微信小程序等
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 微信小程序給電商提供的6點支持 2021-02-20
- 如何將微信小程序運營成一款優質小程序？ 2021-02-20
- 想做好微信小程序流量，就得知道微信小程序的8個優勢 2021-02-19
- 微信小程序恐將成為商家經營的第二戰場！ 2021-02-19
- 開發者在去中心化的微信小程序生態上應該怎么做？ 2021-02-18
- 商家為什么要做微信小程序？3項緣由解利弊！ 2021-02-18
- 什么是微信小程序?微信小程序能做什么? 2021-02-20
- 微信小程序的作用和前景你知道多少 2021-02-20
- 小程序，大局氣，一文解讀微信小程序 2021-02-20
- 微信小程序和APP微店賣貨有何不同？ 2021-02-20
- 微信小程序如何開發？用什么開發？ 2021-02-19
- 電商行業如何玩轉微信小程序 2021-02-19
- 開發微信小程序對商戶的線上業務發展所起到的重要作用 2021-02-19
- 企業已經有了微信小程序，還需要開發百度小程序嗎？ 2021-02-18
- 微信小程序有什么用？讓商家獲利頗豐 2021-02-18
- 微信小程序要求HTTPS，如何選擇SSL證書？ 2021-02-18
- 微信小程序新零售模式對傳統線下門店商戶好處和優勢 2021-02-18
- 實體店如何靠微信小程序引流增收，值得所有老板深思 2021-02-17
- 微信小程序開店秘笈 5個經營技巧 2021-02-17