From 6f63834491f98f687787c09b213804782c60fc37 Mon Sep 17 00:00:00 2001
From: ray <1490493387@qq.com>
Date: Fri, 13 Sep 2024 21:55:11 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BD=BF=E7=94=A8defineModel?=
 =?UTF-8?q?=E6=9B=BF=E6=8D=A2useVModel?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Pagination/index.vue | 30 ++++++++++++++---------------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/src/components/Pagination/index.vue b/src/components/Pagination/index.vue
index c080e602..9cbaeafa 100644
--- a/src/components/Pagination/index.vue
+++ b/src/components/Pagination/index.vue
@@ -16,20 +16,12 @@
 </template>
 
 <script setup lang="ts">
-const props = defineProps({
+defineProps({
   total: {
     required: true,
     type: Number as PropType<number>,
     default: 0,
   },
-  page: {
-    type: Number,
-    default: 1,
-  },
-  limit: {
-    type: Number,
-    default: 20,
-  },
   pageSizes: {
     type: Array as PropType<number[]>,
     default() {
@@ -54,19 +46,25 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(["pagination", "update:page", "update:limit"]);
+const emit = defineEmits(["pagination"]);
 
-const currentPage = useVModel(props, "page", emit);
-
-const pageSize = useVModel(props, "limit", emit);
+const currentPage = defineModel("page", {
+  type: Number,
+  required: true,
+  default: 1,
+});
+const pageSize = defineModel("limit", {
+  type: Number,
+  required: true,
+  default: 10,
+});
 
 function handleSizeChange(val: number) {
-  emit("pagination", { page: currentPage, limit: val });
+  emit("pagination", { page: currentPage.value, limit: val });
 }
 
 function handleCurrentChange(val: number) {
-  currentPage.value = val;
-  emit("pagination", { page: val, limit: props.limit });
+  emit("pagination", { page: val, limit: pageSize.value });
 }
 </script>