mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-15 09:50:58 +08:00
37 lines
1.6 KiB
Markdown
37 lines
1.6 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 | Accepted values | 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 |
|