Skip to content

Pagination 分页

基础用法

左右侧内容 自定义

v0.0.2

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

Pagination API

Pagination Attributes

名称说明类型默认值是否必须
align对齐方式string right
model-value / v-model分页值object PageInfo{ page: 1,pageSize: 10}
total总数number0
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,如下示例

示例:

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

Pagination Slots

插槽名说明
pagination-leftv0.0.2分页器左侧内容 (默认生效,align 属性默认是 right
pagination-rightv0.0.2分页器右侧内容 (align 属性是 left时生效)