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			//剩余常见参数		
      },
    ],
  });

一些注意事项：

1. 在usePagination获取total的时候，他是直接在queryData返回的数据中获取total键的值，所以要确保返回对象拥有total。
2. 写的就是史，不如https://blog.csdn.net/u014105655/article/details/129687441清晰，所以下次不要自己看源码了，请sdn