0.0.24 • Published 2 years ago
use-auto-virtual-list v0.0.24
vue3虚拟滚动列表hook
提供能力
- 分页加载
- 虚拟滚动
- 自动轮播
- 无缝滚动
- 大数据列表渲染
使用方式
const {
// 数据总数
total,
// 分页参数
pagingParams,
// 还有更多
hasMore,
// loading
loading,
// 渲染列表dom节点
renderListRef,
// 渲染数组
renderList,
// 视口容器节点
containerRef,
// 占位容器节点
placeholderRef,
// container 滚动事件
onScroll,
// container 鼠标事件
mousemove,
mouseleave,
} = useVirtualList(getList, itemHeight,option);
参数定义
参数名称 | 描述 | 类型 | 默认值 |
---|---|---|---|
getList | 分页请求函数 | (params:any)=>Promise | 必传 |
itemHeight | 元素高度 | number | - |
option | 扩展配置项 | {swiper: boolean;extraParams?: T;formatResponseData?: (data: Response) => any;} | 选传 |
0.0.22
2 years ago
0.0.23
2 years ago
0.0.24
2 years ago
0.0.21
2 years ago
0.0.20
2 years ago
0.0.19
2 years ago
0.0.18
2 years ago
0.0.17
2 years ago
0.0.16
2 years ago
0.0.15
2 years ago
0.0.14
2 years ago
0.0.13
2 years ago
0.0.12
2 years ago
0.0.11
2 years ago
0.0.10
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago