list-vue

A list component used to display items and control loading status.

npm i @axios-use/list-vue

import { ScrollList } from '@axios-use/list-vue'

ScrollList

ScrollList.props

| 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. 加载过程中提示文案 |

ScrollList.emits

| 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 | |

ScrollList.slot

| name | desc | | -------- | ---------------------------------------------- | | default | List content. 列表内容 | | finished | Custom finished node. 自定义加载完成后提示模块 | | error | Custom error node. 自定义加载失败后提示模块 | | loading | Custom loading node. 自定义底部/头部加载中模块 |

License

MIT