Pagination 分页
当数据量过多时，使用分页分解数据。
基础用法
total表示总条目数，pagesize用于设置每页显示的页码数量，page默认起始页
展开查看
vue
<template>
<div>
<tass-pagination
@change-page="changePage"
:pagesize="pageSize"
:total="total"
:page="1"
></tass-pagination>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const total = ref(6);
const pageSize = ref(2);
const changePage = (page: number) => {};
</script>
设置最大页码按钮数
当总页数超过 pagesize 时，Pagination 会折叠多余的页码按钮。通过调节 pagesize 来设置
展开查看
vue
<template>
<div>
<tass-pagination
@change-page="changePage"
:pagesize="pageSize"
:total="total"
:page="1"
></tass-pagination>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const total = ref(6);
const pageSize = ref(1);
const changePage = (page: number) => {};
</script>