Components

Pagination 分页

页码折叠窗口 + 前后翻页 + 汇总文案,v-model 双向绑定当前页。

基础

siblingCount 控制当前页两侧暴露页码数。

第 3 / 13 页

<Pagination v-model="page" :total="128" :page-size="10" />
<p class="mt-3 text-xs text-slate-500 dark:text-slate-400">第 {{ page }} / 13 页</p>

API 参考

属性类型默认值说明
model-valuenumber1v-model 当前页。
totalnumber0条目总数。
page-sizenumber10每页条数。
siblingCountnumber1当前页两侧页码数。
showSummarybooleantrue底部汇总文案。