uni-app多次下拉刷新之后,加载更多就不行了

uni-app多次下拉刷新之后,加载更多就不行了

开发环境 版本号 项目创建方式
Windows win10 专业版 HBuilderX
# 产品分类:
uniapp/App

# PC开发环境操作系统
Windows

# HBuilderX类型
正式

# HBuilderX版本号
2.9.3

# 手机系统
iOS

# 手机系统版本号
iOS 12.4

# 手机厂商
苹果

# 手机机型
iphoneXR

# 页面类型
vue

# 打包方式
云端

## 操作步骤:
多次下拉刷新之后,加载更多就不行了。下拉刷新,切换页面下拉刷新,加载更多

## 预期结果:
可以下拉加载更多

## 实际结果:
下拉加载更多无效

## bug描述:
插件市场,新闻列表模板

更多关于uni-app多次下拉刷新之后,加载更多就不行了的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

请参考文档:重置 loadmore, https://uniapp.dcloud.net.cn/component/list

更多关于uni-app多次下拉刷新之后,加载更多就不行了的实战教程也可以访问 https://www.itying.com/category-93-b0.html


请提供具体可复现的bug插件的url

回复 cc_dalao: 已更新插件市场

这是一个常见的分页加载问题,通常是由于分页参数没有正确重置导致的。以下是可能的原因和解决方案:

  1. 分页参数未重置: 下拉刷新时没有重置页码参数,导致后续加载更多时页码不正确。建议在下拉刷新回调中重置页码:
onPullDownRefresh() {
    this.page = 1
    this.loadData(true) // true表示刷新
}
  1. 数据未清空: 下拉刷新时没有清空原有数据,导致新旧数据混在一起:
loadData(isRefresh) {
    if(isRefresh) {
        this.list = []
    }
    // 请求数据...
}
  1. 加载状态未重置: 确保在每次请求结束后重置loading状态:
this.loading = false
uni.stopPullDownRefresh()
  1. 检查是否有更多数据: 在加载更多时要判断是否还有数据:
if(this.total <= this.list.length) {
    this.noMore = true
    return
}
回到顶部