mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
43 lines
1.7 KiB
Markdown
43 lines
1.7 KiB
Markdown
---
|
|
title: Infinite
|
|
lang: 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](./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 |
|