mirror of
https://github.com/element-plus/element-plus.git
synced 2025-08-15 03:06:25 +08:00
5b52982da3
* docs(components): [infinite-scroll] use new display tag * docs(components): [infinite-scroll] update default of directives
37 lines
1.5 KiB
Markdown
37 lines
1.5 KiB
Markdown
---
|
|
title: Infinite
|
|
lang: 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 |
|