這次給大家?guī)?lái)微信小程序開(kāi)發(fā)上拉加載如何實(shí)現(xiàn)，微信小程序開(kāi)發(fā)上拉加載實(shí)現(xiàn)的注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來(lái)看一下。
我現(xiàn)在公司的項(xiàng)目做的是電商的小程序，下拉刷新，官網(wǎng)寫(xiě)的很明確不能與scroll-view同時(shí)使用。我是在腦子瓦特的情況下，onReachBottom 和 scroll-view的bindscrolltolower 都用了。經(jīng)過(guò)我的實(shí)踐，推薦大家用 onReachBottom。如果是一些tab里面也有下拉刷新，這個(gè)就很方便直接上代碼：
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ù)制
相信看了本文案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注有卡有網(wǎng)。
