vue-request的usePagination函数的使用
vue-request的安装
npm install vue-request
usePagination()的使用
import {usePagination} from vue-request
const {
data: dataSource, // 《T》 经过querytData返回的数据
run, // 《method》 调用可以自动的修改page页,以及data数据
loading, // 《boolean》 是否加载
params, // 《Proxy Array》 传进来的参数,默认是{current: x, pageSize:x}
current, // 《number》 当前页数
pageSize, // 《number》 一页多少项
total, // 《number》 总数
totalPage, // 《number》 总页数
changeCurrent, // 《method》 改变当前页数的方法
changePageSize, // 《method》 改变页量的方法
changePagination, // 《method》 是changeCurrent和changePageSize的总方法
} = usePagination(queryData, //获取数据的方法,返回类型得是Promise<T>
{ //参数传入
defaultParams: [ //默认数据参数
{
pageSize: x,
total: x,
current: x,
totalPage: x,
...restParams //剩余常见参数
},
],
});
一些注意事项:
- 在usePagination获取total的时候,他是直接在queryData返回的数据中获取total键的值,所以要确保返回对象拥有total。
- 写的就是史,不如https://blog.csdn.net/u014105655/article/details/129687441清晰,所以下次不要自己看源码了,请sdn