mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
1.7 KiB
1.7 KiB
title, lang
| title | lang |
|---|---|
| Infinite | en-US |
:::warning Deprecated directive
We no longer maintain this directive. It will be removed in ^(3.0.0), please use the el-scrollbar infinite scroll instead.
:::
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 |