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