feat: add pagination page size component
This commit is contained in:
parent
5414c014f9
commit
c617349a89
1 changed files with 21 additions and 0 deletions
21
src/components/PaginationPageSize.vue
Normal file
21
src/components/PaginationPageSize.vue
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<script setup lang="ts">
|
||||
const pageSize = defineModel<number>({ required: true });
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<q-btn-dropdown dense unelevated :label="pageSize" class="bordered q-pl-md">
|
||||
<q-list>
|
||||
<q-item
|
||||
v-for="v in [10, 30, 50, 100, 500, 1000]"
|
||||
:key="v"
|
||||
clickable
|
||||
v-close-popup
|
||||
@click="pageSize = v"
|
||||
>
|
||||
<q-item-section>
|
||||
<q-item-label>{{ v }}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-btn-dropdown>
|
||||
</template>
|
||||
Loading…
Add table
Add a link
Reference in a new issue