mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 06:23:41 +09:00
33 lines
552 B
Markdown
33 lines
552 B
Markdown
### VFlexPagination
|
|
|
|
Vuero provides a custom pagination component called `<VFlexPagination />`.
|
|
Check the markup for more details about usage.
|
|
|
|
<!--code-->
|
|
|
|
```vue
|
|
<script setup lang="ts">
|
|
const route = useRoute()
|
|
const currentPage = computed(() => {
|
|
try {
|
|
return Number.parseInt(route.query.page as string) || 1
|
|
}
|
|
catch {
|
|
// do nothing
|
|
}
|
|
return 1
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<VFlexPagination
|
|
:item-per-page="8"
|
|
:total-items="512"
|
|
:current-page="currentPage"
|
|
:max-links-displayed="5"
|
|
/>
|
|
</template>
|
|
```
|
|
|
|
<!--/code-->
|