2021-02-21 分類(lèi): 微信小程序
微信小程序是可以做到下拉刷新的,使用的函數(shù)是:onPullDownRefresh,要想下拉刷新什么數(shù)據(jù),只需要在這個(gè)函數(shù)里面寫(xiě)入被刷新的函數(shù)即可。
但是有一點(diǎn)需要說(shuō)明,這個(gè)下拉刷新并不是默認(rèn)開(kāi)啟的,即便已經(jīng)好定義了onPullDownRefresh,那么這個(gè)開(kāi)關(guān)在什么地方呢?這就需要我們?cè)O(shè)置需要刷新頁(yè)面的json里面配置一個(gè)參數(shù):"enablePullDownRefresh": true,配置了這個(gè)參數(shù)的下拉頁(yè)面才會(huì)生效。
微信小程序的上滑加載
在微信小程序里面其實(shí)是沒(méi)有分頁(yè)控件的,也就不能像網(wǎng)頁(yè)一樣點(diǎn)擊頁(yè)面跳轉(zhuǎn)到某一頁(yè)。這時(shí)我們需要使用上滑加載來(lái)實(shí)現(xiàn)一頁(yè)一頁(yè)的加載,當(dāng)我們的內(nèi)容到了底部以后,就會(huì)加載第二頁(yè)的內(nèi)容。那么這個(gè)上滑加載是如何實(shí)現(xiàn)的呢?
這里我們只介紹重點(diǎn):1.設(shè)置初始加載函數(shù)初始加載函數(shù)的意思就是,當(dāng)頁(yè)面進(jìn)來(lái)顯示的時(shí)候,要顯示一頁(yè)的內(nèi)容,這一項(xiàng)是必須的。2.配置onReadBottom函數(shù)配置觸發(fā)小程序到底后加載數(shù)據(jù),這里我們需要一個(gè)初始頁(yè)碼,每次到達(dá)頁(yè)面底部以后,頁(yè)碼加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))
})
這樣,我們?cè)趯㈨?yè)碼傳入后臺(tái)進(jìn)行數(shù)據(jù)分頁(yè)查詢,就可以實(shí)現(xiàn)分頁(yè)加載了。
結(jié)語(yǔ)
在寫(xiě)代碼的時(shí)候,有的時(shí)候用this,有的時(shí)候用var that=this;在wx.request里面的用that,外面的用this,這一點(diǎn)需要大家特別留意。
名稱(chēng)欄目:微信小程序如何實(shí)現(xiàn)下拉刷新上滑加載
文章出自:http://aaarwkj.com/news23/102123.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有微信小程序等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容