fix(@vben/common-ui): pagination current page error (#4893)

pull/48/MERGE
zyy 2024-11-14 22:11:32 +08:00 committed by GitHub
parent 86e52ce58a
commit 3bd5ef4523
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 2 deletions

View File

@ -41,6 +41,7 @@ const emit = defineEmits<{
const refTrigger = useTemplateRef<HTMLElement>('refTrigger'); const refTrigger = useTemplateRef<HTMLElement>('refTrigger');
const currentSelect = ref(''); const currentSelect = ref('');
const currentList = ref(props.icons); const currentList = ref(props.icons);
const currentPage = ref(1);
watch( watch(
() => props.icons, () => props.icons,
@ -72,6 +73,7 @@ const handleClick = (icon: string) => {
}; };
const handlePageChange = (page: number) => { const handlePageChange = (page: number) => {
currentPage.value = page;
setCurrentPage(page); setCurrentPage(page);
}; };
@ -114,7 +116,6 @@ defineExpose({ changeOpenState });
class="flex-center flex justify-end overflow-hidden border-t py-2 pr-3" class="flex-center flex justify-end overflow-hidden border-t py-2 pr-3"
> >
<Pagination <Pagination
v-slot="{ page }"
:items-per-page="36" :items-per-page="36"
:sibling-count="1" :sibling-count="1"
:total="total" :total="total"
@ -136,7 +137,7 @@ defineExpose({ changeOpenState });
as-child as-child
> >
<Button <Button
:variant="item.value === page ? 'default' : 'outline'" :variant="item.value === currentPage ? 'default' : 'outline'"
class="size-5 p-0 text-sm" class="size-5 p-0 text-sm"
> >
{{ item.value }} {{ item.value }}