VUE实现一个分页组件的示例

分页是WEB开发中很常用的功能,尤其是在各种前后端分离的今天,后端API返回数据,前端根据数据的count以及当前页码pageIndex来计算分页页码并渲染到页面上已经是一个很普通很常见的功能了。从最开始的jquery时代到现在的各种各样的前端框架时代,分页功能都是必不可少的。 分页大多数(基本上)情况下都是对异步数据列表的处理,这里首先需要明白一下分页的流程。 在已知每页显示数据量pageSize以及当前页码pageIndex的情况下: 请求API,返回第一屏数据(pageSize内)以及所有相关条件的数据总量count 将数据总量传递给page组件,来计算页码并渲染到页面上