拉动刷新

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

QPullToRefresh API

用法

基础

WARNING

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

要刷新,请在内部滚动位置位于顶部时(通过鼠标或通过手指触摸)下拉下面的内容。




自定义图标




自定义着色




提示

滚动容器

请阅读这里关于Quasar如何确定将滚动事件附加到自己的容器。

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