加载更多扩展

Service 返回的数据结构必须包含 {list: any[]} ,如果不满足,可以自行在 Service 里面装换一次。接着通过我们返回的 dataList 变量,即可获取到请求的数据列表集合,然后使用 loadMore() 触发加载更多。

此外,我们会在 Service 函数的参数中传入整合后的最新的 data

假设第一次 Service 返回的数据为 { list: [1, 2, 3], current: 1 }, 第二次返回的数据为 { list:[4, 5, 6], current: 2},则我们会自动帮你合并 list,整合后的 data{ list: [1, 2, 3, 4, 5, 6], current:2 }。而这个整合后的 data 将会作为第三次请求时 Service 的入参。

注意

useLoadMore 的 API 与 useRequest 以及 usePagination 的 API 有很大的差异,详情可查看 LoadMore 扩展 API

用法

import { useLoadMore } from 'vue-request';

例子

上次更新: 2023/7/6 03:23:08
贡献者: John