PenPage 分页器组件

代码示例

<template>
    <!-- 分页 -->
    <pen-page v-model="pager"></pen-page>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const pager = ref({
    page: 1,
    size: 10,
    total: 100,
})
</script>

属性类型

interface Props {
    modelValue: {
        page: number;
        size: number;
        total: number;
    }
}

事件

事件名称	说明
current-change	当前分页改变时触发，(val: number) => void
size-change	分页长度改变时触发，(val: number) => void