加载更多扩展
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';