微信小程序-数据分页

一、定义数据列表、页码、每页大小、是否有下一页

二、定义请求数据的方法 getMessage

    1、得到页码、每页大小

    2、请求接口、得到返回数据

    3、是否有返回数据 有:合并数据列表,页码加1   无:是否有下一页设置为false

    getMessage:async function(){

        const { page, limit,type } = this.data;//得到页码、每页大小

        const res = await settledRecord({page, limit,type});//请求

        if (res.data.data.length > 0) {//是否有返回数据

            let { recordList } = this.data;

            recordList = recordList.concat(res.data.data);//合并数据

             this.setData({

                recordList: recordList,

                page: page + 1//页码加1

              })

            } else {//无更多

                this.setData({

                        hasMore: false

                })

           }

       }

三、onload方法中调用getMessage方法

四、onReachBottom方法中判断是否有下一页,然后调用getMessage方法

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。