微信小程序 => 上拉加载跟多

这种上拉加载更多,是后端只返回data的情况下方可使用

  //触底刷新
    onReachBottom:function(){
        if(this.getMeetingPersonList.length>this.pageIndex*10){
            this.setLoadingStatus(true)//显示加载状态
            wx.stopPullDownRefresh()//停止上拉刷新
            this.loadPageData()
            setTimeout(()=>{
                this.setLoadingStatus(false)//显示加载状态
            }.bind(this),800)
        }
    }
   //是否显示加载状态
    setLoadingStatus:function(val){
        this.setData({
            isLoadingFlag:val
        })
    }
    //在调后台接口成功的前提下
   success : res=> {
        self.getMeetingPersonList = res.data || []
        self.pageIndex = 0
        self.loadPageData()
    }

    /**
     * 上拉加载更多  meetingPerson指的是在wxml页面中需要循环的数据 
     * data.slice(0,this.pageIndex*10) 每次从返回的数据中取10条
     */
    loadPageData:function () {
        let data = this.getMeetingPersonList
        this.pageIndex++
        this.setData({
            meetingPerson:data.slice(0,this.pageIndex*10)
        })
    }
复制代码
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值