拉动刷新
QPullToRefresh是允许用户下拉以刷新页面内容(或检索最新内容)的组件。
QPullToRefresh API
用法
基础
WARNING
在您的@refresh
函数中,加载完更多数据后,别忘了调用传入的done()
函数。
要刷新,请在内部滚动位置位于顶部时(通过鼠标或通过手指触摸)下拉下面的内容。
自定义图标
自定义着色
提示
滚动容器
请阅读这里关于Quasar如何确定将滚动事件附加到自己的容器。
- 如果使用QLayout,则建议您将QPullToRefresh放置为QPage的直接子元素,并用它包裹页面内容。
- 如果更改此组件的父元素,请不要忘记在QPullToRefresh Vue引用上调用
updateScrollTarget()
。 - QPullToRefresh还允许文本选择,因此如果您的内容也有图像,您可能需要将
draggable="false"
添加到图像中,否则本地浏览器行为可能会以负面方式干扰。