QInfiniteScroll 元件讓您可以在使用者捲動頁面時載入新內容。
用法
小提示
當剩餘少於 offset (預設 = 500) 像素可見時，無限捲動會提前載入項目。如果您獲取的內容高度小於螢幕上捲動目標容器的高度，則無限捲動將繼續載入更多內容。因此，請確保您載入足夠的內容。
小提示
在您的 @load 函式中，當您完成載入更多資料時，別忘了呼叫傳入的 done() 函式。
捲動到底部以查看 QInfiniteScroll 的實際效果。
提示
捲動容器
請此處閱讀關於 Quasar 如何判斷要附加捲動事件的容器。
- 當放置為呈現您頁面的 Vue 元件的直接子元件時效果最佳
- 如果您變更此元件的父元件，請別忘了在 QInfiniteScroll Vue 參考上呼叫
updateScrollTarget()。 - 如果您需要指定捲動目標內部元素 (因為自動偵測到的不是所需的元素)，請在
scroll-target屬性中傳遞 CSS 選擇器 (作為字串) 或 DOM 元素
警告
如果您使用 scroll-target 屬性傳遞自訂捲動目標容器，您必須確保元素存在且可以溢位 (它必須具有最大高度和允許捲動的溢位)。
如果捲動目標容器無法溢位，您將會遇到永久載入的情況。