VInfiniteScroll API
组件页面
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| color | ||
| Applies specified color to the control - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page . | ||
| direction | ||
| Specifies if scroller is vertical or horizontal. | ||
| empty-text | ||
| Text shown when there is no more content to load. | ||
| height | ||
| Sets the height for the component. | ||
| load-more-text | ||
| Text shown in default load more button, when in manual mode. | ||
| margin | ||
| Value sent to the intersection observer. Will make the observer trigger earlier, by the margin (px) value supplied. | ||
| max-height | ||
| Sets the maximum height for the component. | ||
| max-width | ||
| Sets the maximum width for the component. | ||
| min-height | ||
| Sets the minimum height for the component. | ||
| min-width | ||
| Sets the minimum width for the component. | ||
| mode | ||
| Specifies if content should load automatically when scrolling (intersect) or manually (manual). | ||
| side | ||
| Specifies the side where new content should appear. Either the start, end, or both sides. | ||
| tag | ||
| Specify a custom tag used on the root element. | ||
| width | ||
| Sets the width for the component. | ||
事件
| 名称 | 类型 |
|---|---|
| load | |
| Emitted when reaching the start / end threshold, or if triggered when using manual mode. | |
插槽
| default |
| The default Vue slot. |
| empty |
| Shown when load returned status ‘empty’. |
| error |
| Shown when load returned status ‘error’. |
| load-more |
| Shown when scrolled to either side of the content, in manual mode. |
| loading |
| Shown when content is loading. |
SASS 变量
| 名称 | 默认值 |
|---|---|
| $infinite-scroll-side-padding | |