Pagination 分页

基于 Element Plus Pagination 封装的分页组件。

基本用法

<template>
  <Pagination
    v-model:page-num="pageNum"
    v-model:page-size="pageSize"
    :total="total"
    @pagination="handlePagination"
  />
</template>

<script setup lang="ts">
const pageNum = ref(1)
const pageSize = ref(10)
const total = ref(100)

function handlePagination() {
  // 加载数据
}
</script>

Props

参数	说明	类型	默认值
pageNum	当前页码	number	1
pageSize	每页条数	number	10
total	总条数	number	0