uni-app 懒加载渲染数组数据(onReachBottom事件)

本文介绍了在uni-app中实现懒加载的方法,通过onReachBottom事件监听页面触底,动态加载下一页数据。当加载完所有数据时显示提示。在加载过程中使用showLoading和hideLoading提供用户体验。
摘要由CSDN通过智能技术生成

定义一个flag判断是否加载完所有数据

用到uni-app内置的onReachBottom,触底加载下一页数据

 

text:

onReachBottom() {
           if (this.finishLoading) {
                    uni.showToast({
                     title: '暂无更多',
                     icon: 'none',
                    duration: 2000
            });
            return}
           uni.showLoading({
                    title: '加载中',
                    mask: true
           });
           this.currentPage++
           api.getPostList(this.currentPage, this.pageSize).then((
                    res) => {
      

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值