feat(VnPaginate): refs #8101 add button loadMoreData

2024-10-28 14:01:50 +01:00 · 2024-10-28 14:01:50 +01:00 · e5401bfc6e
parent c596d88d0c
commit e5401bfc6e
1 changed files with 6 additions and 0 deletions
--- a/src/components/ui/VnPaginate.vue
+++ b/src/components/ui/VnPaginate.vue
@ -225,6 +225,12 @@ defineExpose({ fetch, addFilter, paginate });
        <div v-if="isLoading" class="spinner info-row q-pa-md text-center">
            <QSpinner color="primary" size="md" />
        </div>
+        <div
+            v-if="!isLoading && store.hasMoreData"
+            class="w-full flex justify-center q-mt-md"
+        >
+            <QBtn color="primary" :label="t('Load more data')" @click="paginate()" />
+        </div>
    </QInfiniteScroll>
 </template>