小程序实现分页源代码

最新推荐文章于 2022-07-27 19:00:00 发布

迷茫的码奴

最新推荐文章于 2022-07-27 19:00:00 发布

阅读量226

点赞数 1

分类专栏：小程序文章标签：小程序 vue js

本文链接：https://blog.csdn.net/weixin_47826037/article/details/116639638

版权

小程序专栏收录该内容

23 篇文章 0 订阅

订阅专栏


const apis = getApp().API //封装接口


Page({

  /**

   * 页面的初始数据

   */

  data: {

    isAllData:false,//判断列表的长度

    pageIndex:1,//当前页

    // pages:5,//每页条数

    total:0,//总条数

    list:[],//优惠券列表，

    lists:'',

    },


  couponlist(page){

        var data={

          pageIndex:this.data.pageIndex,

          couponState:this.data.couponState

        }

        let pageIndex = this.data.pageIndex

        let isAllData = this.data.isAllData

  apis.GetUserCouponByPage(data).then(res=>{//封装的接口

    if (res.data.data.length != 0) {

      let list = this.data.list.concat(res.data.data)

      pageIndex += 1

      isAllData = true

      this.setData({

        pageIndex: pageIndex,

        list,

        isAllData,

      })

    } else {

      let list = this.data.list.concat(res.data.data)//concat(相当于push进去，每次执行下拉分页向里面加数据

      isAllData = false

      this.setData({

        list,

        isAllData

      })

    }

   

  })



},


  /**

   * 页面上拉触底事件的处理函数

   */

  onReachBottom: function () {

  if(this.data.isAllData== true){

    this.couponlist() 

  }


},



})