Pagination 分页

基础用法

对齐方式

支持 left、right、center(v0.1.28新增) 三种对齐方式。

左右侧内容 自定义

v0.0.2

align 属性默认是 right，插槽 pagination-left 默认生效。要使用pagination-right 插槽，需要设置align 属性为 left。

v0.1.28

设置 align 为 center 时分页器将居中显示，且左右两个插槽都可使用。

Pagination API

Pagination Attributes

名称	说明	类型	默认值	是否必须
align	对齐方式	string （centerv0.1.28 新增）	right	否
model-value / v-model	分页值	object PageInfo	{ page: 1,pageSize: 10}	否
total	总数	number	0	否
pageSizeList	分页列表	array	[10, 20, 30, 40, 50, 100, 200, 300, 400, 500]	否
...	...	...	...	...

提示

...表示同时支持所有 el-pagination Attributes

Pagination Events

名称	说明	类型
change	分页组件 page 或者 pageSize 改变触发	function

提示

el-pagination 的其他事件的支持写法 如 prev-click，如下示例

示例：

<PlusPagination @prev-click="handlePrevClick" />

Pagination Slots

插槽名	说明
pagination-leftv0.0.2	分页器左侧内容 ，align 为 right 或 center（v0.1.28 新增） 时生效。
pagination-rightv0.0.2	分页器右侧内容 ，align 为 left 或 center（v0.1.28 新增） 时生效。