Pagination 分页

当数据量过多时，使用分页分解数据。

基础用法

页数较少时的效果

• 1
• 2
• 3
• 4
• 5

大于 7 页时的效果

• 1
• 2
• 3
• 4
• 5
• 6
• 100

显示代码

设置最大页码按钮数

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 50

显示代码

带有背景色的分页

• 1
• 2
• 3
• 4
• 5
• 6
• 100

显示代码

小型分页

在空间有限的情况下，可以使用简单的小型分页。

• 1
• 2
• 3
• 4
• 5

显示代码

附加功能

根据场景需要，可以添加其他功能模块。

显示总数

共 1000 条

• 1
• 3
• 4
• 5
• 6
• 7
• 10

调整每页显示条数

• 100条/页
• 200条/页
• 300条/页
• 400条/页

无数据

• 1
• 3
• 4
• 5
• 6
• 7
• 10

直接前往

• 1
• 3
• 4
• 5
• 6
• 7
• 10

前往

页

完整功能

共 400 条

• 100条/页
• 200条/页
• 300条/页
• 400条/页

无数据

• 1
• 2
• 3
• 4

前往

页

显示代码

当只有一页时隐藏分页

当只有一页时，通过设置 hide-on-single-page 属性来隐藏分页。

• 1

显示代码

Attributes

Events

Slot