WeChat小程序交流(QQ群:769977169)
下拉重新加载和上拉加载更多的功能实现,主要体现在scroll-view组件的数据处理中。
当下拉重新加载时,即只加载分页中第一页数据;当上拉加载更多时,则不断的加载第二页、第三页、……、第N页的数据,直到没有数据了。
实现效果图
代码示例
xxx.wxjs
// 重新加载
onPullDownRefresh: function () {
console.log("reload data")
this.data.typePage = 1;
this.loadDataWithType(this.data.typeIndex, this.data.typePage);
},
// 加载更多
onReachBottom: function () {
console.