小編給大家分享一下小程序開發(fā)上拉加載的實現(xiàn)方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

我現(xiàn)在公司的項目做的是電商的小程序,下拉刷新,官網(wǎng)寫的很明確不能與scroll-view同時使用。我是在腦子瓦特的情況下,onReachBottom 和 scroll-view的bindscrolltolower 都用了。經(jīng)過我的實踐,推薦大家用 onReachBottom。如果是一些tab里面也有下拉刷新,這個就很方便直接上代碼:
onReachBottom() { let isPush = this.data.index,
val = this.data.inputVal;
this.setData({
isBtnShow: true
}); if (isPush ==1) { let num = this.data.limitIndex;
this.setData({ limitIndex: num+1
})
//關(guān)于上拉加載的性能優(yōu)化 setTimeout(()=>{
// 給后端傳下拉刷新的次數(shù)+1
const data = { limitIndex: this.data.limitIndex
};
utils.sendRequest(api.AllGoodsUrl, data, this.handleReachBottom.bind(this));
},1500)
}; if (val != '') { setTimeout(()=>{ let num = this.data.limitIndex;
this.setData({ limitIndex: num+1
})
// 給后端傳下拉刷新的次數(shù)+1
const data = { limitIndex: this.data.limitIndex,
data:{
name: this.data.inputVal,
}
};
utils.sendRequest(api.AllGoodsUrl, data, this.handleLoadMore.bind(this));
},1500)
};
},以上是“小程序開發(fā)上拉加載的實現(xiàn)方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
分享名稱:小程序開發(fā)上拉加載的實現(xiàn)方法-創(chuàng)新互聯(lián)
標(biāo)題網(wǎng)址:http://chinadenli.net/article8/gseop.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標(biāo)簽優(yōu)化、面包屑導(dǎo)航、網(wǎng)站制作、品牌網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容