分页

QPagination 组件可用于任何需要分页系统的地方。它为用户提供了一个简单的 UI，用于在项目或页面之间移动。

QPagition 有两种操作模式：按钮或使用输入框。后者允许用户通过点击/轻击输入框，键入页码，然后按 Enter 键进入特定页面。如果新页码在有效范围内，则 QPagination 绑定的 model 值将相应更改。

QPagination API

用法

设计

以下只是一些示例，并不是完整的列表：

自定义图标

使用输入框

最大显示页数

处理边界

无障碍访问

v2.25+

QPagination 渲染为一个 navigation 地标。首页/上一页/下一页/末页按钮从当前使用的 Quasar 语言包 获取本地化的 aria-label，编号按钮标注它们所指向的页码，当前页的按钮带有 aria-current="page" 标记。地标本身从同一语言包命名（pagination.label）；当一个页面有多个分页时，请传入你自己的 aria-label（它穿透到根元素）来区分它们。它还始终带有 aria-disabled，根据 disable 属性报告 true 或 false。

在输入模式下，键入的页码在用户按 Enter 或字段失焦时提交。