微信小程序如何實(shí)現(xiàn)下拉刷新上滑加載

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

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

微信小程序的上滑加載

在微信小程序里面其實(shí)是沒有分頁控件的，也就不能像網(wǎng)頁一樣點(diǎn)擊頁面跳轉(zhuǎn)到某一頁。這時(shí)我們需要使用上滑加載來實(shí)現(xiàn)一頁一頁的加載，當(dāng)我們的內(nèi)容到了底部以后，就會加載第二頁的內(nèi)容。那么這個(gè)上滑加載是如何實(shí)現(xiàn)的呢？

這里我們只介紹重點(diǎn)：1.設(shè)置初始加載函數(shù)初始加載函數(shù)的意思就是，當(dāng)頁面進(jìn)來顯示的時(shí)候，要顯示一頁的內(nèi)容，這一項(xiàng)是必須的。2.配置onReadBottom函數(shù)配置觸發(fā)小程序到底后加載數(shù)據(jù)，這里我們需要一個(gè)初始頁碼，每次到達(dá)頁面底部以后，頁碼加1，

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

結(jié)果運(yùn)用concat函數(shù)進(jìn)行拼接：

that.setData({

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

})

這樣，我們在將頁碼傳入后臺進(jìn)行數(shù)據(jù)分頁查詢，就可以實(shí)現(xiàn)分頁加載了。

結(jié)語

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

名稱欄目：微信小程序如何實(shí)現(xiàn)下拉刷新上滑加載
文章出自：http://www.muchs.cn/news23/102123.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有微信小程序等

廣告

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