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: 已更新插件市场
这是一个常见的分页加载问题,通常是由于分页参数没有正确重置导致的。以下是可能的原因和解决方案:
- 分页参数未重置: 下拉刷新时没有重置页码参数,导致后续加载更多时页码不正确。建议在下拉刷新回调中重置页码:
onPullDownRefresh() {
this.page = 1
this.loadData(true) // true表示刷新
}
- 数据未清空: 下拉刷新时没有清空原有数据,导致新旧数据混在一起:
loadData(isRefresh) {
if(isRefresh) {
this.list = []
}
// 请求数据...
}
- 加载状态未重置: 确保在每次请求结束后重置loading状态:
this.loading = false
uni.stopPullDownRefresh()
- 检查是否有更多数据: 在加载更多时要判断是否还有数据:
if(this.total <= this.list.length) {
this.noMore = true
return
}