21 lines
516 B
Vue
21 lines
516 B
Vue
<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>
|