Skip to content

PullRefresh 下拉刷新 ​

VPullRefresh 负责顶部下拉刷新;列表底部的上拉/触底加载继续使用 List。

演示 ​

下拉刷新
动态 1.1
动态 1.2
动态 1.3
动态 1.4
动态 1.5
动态 1.6
动态 1.7
动态 1.8
在列表内向下拖动,超过阈值后释放。

Props ​

Prop类型默认值描述
loadingbooleanfalse受控刷新状态
disabledbooleanfalse禁止下拉刷新
thresholdnumber64触发刷新距离
headHeightnumber48H5-only 提示区域高度
pullTextstring'下拉刷新'H5-only 下拉提示
releaseTextstring'释放刷新'H5-only 阈值提示
loadingTextstring'加载中'刷新中提示

Events ​

EventPayload描述
refreshvoid超过阈值释放或原生刷新时

平台行为

  • H5:仅在滚动容器顶部响应向下拖动。
  • 小程序:使用 scroll-view 原生 refresher-* 能力,由 loading 控制结束时机。 :::