-
实现思路:
-
通过小程序上拉触底
onReachBottom
事件触发数据第二次请求,上拉触底一次请求分页页码加一,每次请求10条数据,在请求函数中通过函数concat
来处理数据累加问题,common.WechatRequest
为封装的小程序wx.request
函数。 -
页面结构
-
<view hidden="{
{noDataPrompt}}">
{
{promptText}}
</view>
<view wx:for="{
{inquiryDatas}}" wx:key="{
{index}}"></view>
- 主要实现代码如下:
Page({
/**
* 页面的初始数据
*/
data: {
inquiryDatas: [],
noDataPrompt: true,
promptText: '无记录',
pageCurrent: 1,
pageSize: ''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
let that = this;
that.getTestData(1, 10, id, false);
},
/**
* 获取记录
*/
getTestData: function (pages, sizes, userIds, flag) {
let that =