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