A list component used to display items and control loading status.
npm i @axios-use/list-vue
import { ScrollList } from '@axios-use/list-vue'
| name |
type |
default |
desc |
| prefixCls |
string |
-- |
prefix classname. 自定义 class 前缀 |
| direction |
up|down |
down |
Scroll direction. 滚动方向 |
| offset |
number |
300 |
Trigger load distance condition. 小于 offset 距离，触发 load 事件 |
| scroller |
Element |
-- |
Custom the parent scroll node. 自定义父类滚动节点 |
| loading |
boolean |
-- |
Whether to show loading info. 展示加载中 |
| disabled |
boolean |
-- |
Whether to disable the load event. 是否禁用滚动加载 |
| finished |
boolean |
-- |
Whether loading is finished |
| error |
boolean |
-- |
Whether loading is error. 是否加载失败 |
| immediateCheck |
boolean |
true |
Whether to check loading position immediately after mounted. 是否在 onMounted 检查滚动位置 |
| finishedText |
string |
-- |
Finished text. 加载完成后提示文案 |
| errorText |
string |
-- |
Error loaded text. 加载失败后提示文案 |
| loadingText |
string |
loading... |
Loading text. 加载过程中提示文案 |
| name |
desc |
| load |
Triggered when the distance between the scroll bar and the head or bottom is less than offset. 滚动条与头部或底部距离小于 offset 时触发 |
| update:loading |
|
| update:error |
|
| name |
desc |
| default |
List content. 列表内容 |
| finished |
Custom finished node. 自定义加载完成后提示模块 |
| error |
Custom error node. 自定义加载失败后提示模块 |
| loading |
Custom loading node. 自定义底部/头部加载中模块 |
MIT
