微信小程序——下拉和上拉实现分页功能

最新推荐文章于 2025-04-28 14:35:02 发布

七月＆聖

最新推荐文章于 2025-04-28 14:35:02 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

文章标签：小程序 js

本文链接：https://blog.youkuaiyun.com/July_win/article/details/116590778

本文介绍了如何在微信小程序中实现下拉和上拉的分页功能。通过在app.json或页面json设置`enablePullDownRefresh`，在data中定义相关参数，并在接口请求中传递pageSize和currentPage。同时，确保后端返回的接口数据包含total_count，用于判断分页状态。最后，利用微信小程序的内置函数完成刷新和加载更多操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先：在app.json的 window 选项中或页面json文件里配置 enablePullDownRefresh

{
   
   
  "enablePullDownRefresh": true,
}

1.data中定义

1. pageSize 每一页数据条数（这个需根据需求自定义） currentPage 第几页（一般从0开始，即第一页）
2. total_count 数据总条数（一般从后台拉取）
 data: {
   
   
    // 分页
    pageSize: 10,
    currentPage: 0,
    total_count:0,
  },