pagination 分页组件源码分享，主要从以下三个方面：

1、pagination 组件页面结构。

2、pagination 组件属性。

3、pagination 组件方法。

一、组件页面结构。

二、组件属性。

2.1 small 是否使用小型分页样式，类型为 boolean，默认 false。

2.2 background 是否为分页按钮添加背景色，类型为 boolean，默认 false。

2.3 page-size 每页显示条目个数，支持 .sync 修饰符，类型为 number，默认 10。

2.4 total 总条目数，类型为 number，无默认值。

2.5 page-count 总页数，total 和 page-count 设置任意一个就可以达到显示页码的功能；如果要支持 page-sizes 的更改，则需要使用 total 属性，类型为 number，无默认值。

2.6 pager-count 页码按钮的数量，当总页数超过该值时会折叠，类型为 number，可选值大于等于 5 且小于等于 21 的奇数，默认 7。

2.7 current-page 当前页数，支持 .sync 修饰符，类型为 number，默认 1。

2.8 layout 组件布局，子组件名用逗号分隔，类型为 string，可选值 sizes、prev、pager、next、jumper -> total、slot，默认值 'prev, pager, next, jumper, ->, total'。

 

2.9 page-sizes 每页显示个数选择器的选项设置，类型为 number[]，默认 [10, 20, 30, 40, 50, 100]。

2.10 popper-class 每页显示个数选择器的下拉框类名，类型为 string，无默认值。

2.11 prev-text 替代图标显示的上一页文字，类型为 string，无默认值。

2.12 next-text 替代图标显示的下一页文字，类型为 string，无默认值。

2.13 disabled 是否禁用，类型为 boolean，默认 false。

2.14 hide-on-single-page 只有一页时是否隐藏，类型为 boolean，无默认值。

三、组件方法。

3.1 size-change pageSize 改变时会触发，回调参数为每页条数。

3.2 current-change currentPage 改变时会触发，回调参数为当前页。

3.3 prev-click 用户点击上一页按钮改变当前页后触发，回调参数为当前页。

3.4 next-click 用户点击下一页按钮改变当前页后触发，回调参数为当前页。