List
无限加载数据的列表。滚动至底部时,加载更多数据。
演示
基础用法
滚动到底部触发 load-more 加载更多事件,通过 finish 属性决定是否加载完成。
内部是使用 IntersectionObserver 实现
普通列表
通过传递 infinite=false 禁用滚动加载这样就成了一个单纯的可以滚动的列表。
可以选择搭配 css-util 来美化滚动条样式
API
List Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
finish | 是否加载完成 | boolean | false |
infinite | 否显示无限加载模式 | boolean | true |
List Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
load-more | 继续加载的回调函数 | - |