為何捐款
API 瀏覽器
下拉刷新

QPullToRefresh 是一個元件,允許使用者向下拉動以刷新頁面內容 (或檢索最新內容)。

載入 QPullToRefresh API...

用法

基本

警告

在您的 @refresh 函數中,當您完成載入更多資料時,別忘了呼叫傳入的 done() 函數。

若要刷新,當內部滾動位置在頂部時,請向下拉動 (使用滑鼠或手指觸控) 下方的內容。

基本



自訂圖示

自訂圖示



自訂顏色

自訂顏色



提示

滾動容器

在此閱讀關於 Quasar 如何決定要將滾動事件附加到哪個容器。

  • 如果使用 QLayout,建議您將 QPullToRefresh 放在 QPage 的直接子項,並用它包裝您的頁面內容。
  • 如果您更改此元件的父項,別忘了在 QPullToRefresh Vue 參考上呼叫 updateScrollTarget()
  • QPullToRefresh 也允許文字選取,因此如果您的內容也有圖片,您可能會想要為它們添加 draggable="false",否則瀏覽器原生行為可能會以負面的方式干擾。