为什么捐赠
API 资源管理器
下拉刷新

QPullToRefresh 是一个组件,允许用户下拉以刷新页面内容(或检索最新内容)。

正在加载 QPullToRefresh API...

用法

基本用法

警告

在您的 @refresh 函数中,不要忘记在加载更多数据完成后调用传入的 done() 函数。

要刷新,当内部滚动位置位于顶部时,请向下拖动(使用鼠标或手指触摸)下方内容。

基本用法



自定义图标

自定义图标



自定义颜色

自定义颜色



提示

滚动容器

请阅读 此处,了解 Quasar 如何确定要附加滚动事件的容器。

  • 如果使用 QLayout,建议您将 QPullToRefresh 作为 QPage 的直接子元素,并用它包装您的页面内容。
  • 如果您更改此组件的父级,请不要忘记在 QPullToRefresh Vue 引用上调用 updateScrollTarget()
  • QPullToRefresh 也允许文本选择,因此,如果您的内容也包含图像,您可能需要向其添加 draggable="false",否则本机浏览器行为可能会以负面方式干扰。