Paging
<script lang="ts" setup>import { NNPaging } from "@fronntui/vue";import { ref } from "vue";
const page = ref(1);</script>
<template> <NNPaging v-model="page" :entries="3" :total="48" /> <NNPaging v-model="page" :entries="5" :total="48" /></template>Props
Name
Type
modelValue number The current page. Defaults to 1.
total number The total number of pages. Defaults to 0.
entries number Number of pages to show as individual buttons. Defaults to 5. The
component always centers the displayed range, which means that odd numbers
work best.
Events
Name
Payload
update:modelValue number Fired after the modelValue ( = page) has been changed.