u

code/g3soft-libs/docs/examples/pagination/quick-jumper.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+// showQuickJumper：输入页码后回车跳转；非法/越界输入会被收敛到有效范围
+import { ref } from 'vue'
+import { G3Pagination, G3Space } from '@g3soft/ui'
+
+const current = ref(5)
+</script>
+
+<template>
+  <G3Space direction="vertical" :size="12" style="display: flex">
+    <G3Pagination v-model:current="current" :total="500" show-quick-jumper />
+    <G3Pagination v-model:current="current" :total="500" show-quick-jumper show-total show-size-changer />
+  </G3Space>
+</template>