组件/Pagination 分页
通用组件

Pagination 分页

大数据列表的分页导航

该页面由 AI 迁移生成,请谨慎使用

内容已迁移完成,但仍建议结合源码和人工评审结果使用。

Pagination 分页

用于数据列表或表格的分页切换。

import { ref } from 'vue' const page = ref(1)

基础用法

分页导航

在多页数据间切换。

示例即将加载...
<script setup lang="ts">
import { ref } from 'vue'

const page = ref(1)
</script>

<template>
  <TxPagination
    v-model:current-page="page"
    :total="120"
    :page-size="10"
    show-info
    show-first-last
  />
</template>

API(Lite)

属性名类型默认值说明
currentPage当前页
pageSize每页数量
total总数量
totalPages-显式总页数;未提供 total 时使用
prevIcon上一页图标
nextIcon下一页图标
showInfo显示总量信息
showFirstLast显示首末页按钮