KLPagination

考拉分页组件

效果

<script setup lang="ts">
import { ref } from 'vue';
const total = ref(1024);
const pageSize = 10;
const currentPage = ref(1);
</script>

<template>
  <KLPagination :total="total" v-model="currentPage" :page-size="pageSize" />
</template>

Attributes

属性	说明	类型	默认值
page-size	每页显示条目个数	number	-
total	总条目数	number	-
current-page/v-model:current-page	当前页数	number	-

事件

事件名	参数	说明
current-change	(currentPage: number) => void	current-page改变时触发
change	(currentPage: number, pageSize: number) => void	current-page或page-size改变时触发