微信小程序上拉触底加载新数据api----onReachBottom

写小程序的时候经常会用到上拉刷新的功能,所以总结了下,以后就可以开开心心的command+c、command+v了!嗨呀、我可真是个聪明的小机灵鬼、哈哈哈

在这里插入图片描述

当我们对列表数据进行渲染时所做的分页处理,总结如下

第一步:先在data里面规定页码和每页的条数:

data: {
gw_list:[], // 列表数据
n: 10, // 每页数量
p:1, // 当前页码
},

第二步:触发函数时,给页码➕1,调接口获取数据,最后把数据拼接。

/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
var that = this;
var p = that.data.p;
p = p + 1;
var list = that.data.gw_list;
req.post(api.gw_list, {
goods_id: that.data.gid,
n: that.data.n,
p: p,
}, function (ret, data, msg) {
if (ret === "ok") {
console.log(data)
if (data[0]) {
that.setData({
gw_list: list.concat(data),
p: p,
})
} else {
that.setData({
gw_list: list.concat(data),
p: p,
})
wx.showToast({
title: '已显示最多数据',
})
}
} else if (ret === "error") {
//alert(msg);
} else {
//alert(msg);
}
});
},

完成✅

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值