• 需要在 里，找到的当前页面的pages节点，并在 style 选项中开启 enablePullDownRefresh。
  • 当处理完数据刷新后，uni.stopPullDownRefresh 可以停止当前页面的下拉刷新。

开始下拉刷新，调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。

平台差异说明

OBJECT 参数说明

停止当前页面下拉刷新。

示例

pages.json

  1. // 仅做示例，实际开发中延时根据需求来使用。
  2. export default {
  4.     },
  5.     onLoad: function (options) {
  6.         setTimeout(function () {
  7.             console.log('start pulldown');
  8.         }, 1000);
  9.         uni.startPullDownRefresh();
  10.     onPullDownRefresh() {
  11.         console.log('refresh');
  12.         setTimeout(function () {
  13.             uni.stopPullDownRefresh();
  14.         }, 1000);
  15.     }

Q：如何暂时禁用掉下拉刷新，待需要的时候再重新开启？A：5+App 平台下可以处理此类场景，详细参考：uni-app 中实现动态禁用/开启下拉刷新

Q：自定义title如何让下拉刷新在title之下A：App和H5端使用circle方式的下拉刷新，设offset在title高度之下。hello uni-app的模板-导航栏中有示例。小程序端无法实现，除非放弃原生下拉刷新，自己模拟。

Q：如何自定义下拉刷新样式A：小程序端的原生下拉刷新样式是固定的；App端原生的下拉刷新有2种样式可选择，下拉漏出雪花和下拉circle圈。如果使用nvue，也可以自己实现下拉刷新，都是原生渲染。如果想使用scroll-view在前端实现自定义下拉刷新，需要注意列表不可太长和太复杂，否则会有性能问题。搜索下拉刷新有示例。