加载更多扩展

注意

LoadMore 模式下,仅支持 请求函数 形式的 Service

我们会自动帮你管理列表数据。Service 返回的数据结构必须包含 {list: LR[]} ,如果不满足,可以通过 listKey 指定别的键名 或者 formatResult() 转换一次。接着通过我们返回的 dataList 变量,即可获取到请求的数据列表集合,然后使用 loadMore() 触发加载更多

此外,我们会在 Service 函数的第一个参数传入 {data: R, dataList: LR} 你可以根据这些参数决定下一次 Service的请求参数。

更多可用配置请查看 LoadMore 扩展 API

用法

import { useLoadMore } from 'vue-request';

例子

你也可以配合 ant-design-vue 使用。这里我们提供了一个 demo,点击查看在新窗口打开

上次更新: 2021/9/2 下午4:22:22
贡献者: John