element-plus/docs/en-US/component/infinite-scroll.md
wzc520pyfm 5b52982da3
docs(components): [infinite-scroll] use new display tag (#12670)
* docs(components): [infinite-scroll] use new display tag

* docs(components): [infinite-scroll] update default of directives
2023-05-18 09:12:17 +08:00

1.5 KiB

title lang
Infinite en-US

Infinite Scroll

Load more data while reach bottom of the page

Basic usage

Add v-infinite-scroll to the list to automatically execute loading method when scrolling to the bottom.

:::demo

infinite-scroll/basic

:::

Disable Loading

:::demo

infinite-scroll/disable-loading

:::

Directives

Name Description Type Default
v-infinite-scroll Load more data while reach bottom of the page ^[Function]
infinite-scroll-disabled is disabled ^[boolean] false
infinite-scroll-delay throttle delay (ms) ^[number] 200
infinite-scroll-distance trigger distance (px) ^[number] 0
infinite-scroll-immediate Whether to execute the loading method immediately, in case the content cannot be filled up in the initial state. ^[boolean] true