加载更多扩展
我们会自动帮你管理列表数据。Service
返回的数据结构必须包含 {list: LR[]}
,如果不满足,可以通过 listKey
指定别的键名 或者 formatResult()
转换一次。接着通过我们返回的 dataList
变量,即可获取到请求的数据列表集合,然后使用 loadMore()
触发加载更多
此外,我们会在 Service
函数的第一个参数传入 {data: R, dataList: LR}
你可以根据这些参数决定下一次 Service
的请求参数。
更多可用配置请查看 LoadMore 扩展 API
用法
import { useLoadMore } from 'vue-request';
例子
你也可以配合
ant-design-vue
使用。这里我们提供了一个 demo,点击查看在新窗口打开