代码优化调整

src/components/tablePage.vue

@@ -43,13 +43,23 @@
     <pagination
       v-show="table.data.length && table.total > 0"
       :total="table.total"
-      v-model:page="pageNum"
-      v-model:limit="pageSize"
+      v-model:page="page"
+      v-model:limit="limt"
       :layout="layout"
       @pagination="searchFun"
     />
   </div>
 </template>
+<script setup>
+const pageSize = computed({
+  get() {
+    return props.limit;
+  },
+  set(val) {
+    emit("update:limit", val);
+  },
+});
+</script>
 <script>
 export default {
   components: {},
@@ -89,22 +99,44 @@ export default {
       type: Boolean,
       default: true,
     },
+    pageNum: {
+      type: Number,
+      default: 1,
+    },
+    pageSize: {
+      type: Number,
+      default: 10,
+    },
   },
   data() {
-    return {
-      pageNum: 1,
-      pageSize: 10,
-    };
+    return {};
   },
+  computed: {
+    page: {
+      get() {
+        return this.$props.pageNum;
+      },
+      set(val) {
+        this.$emit("update:pageNum", val);
+      },
+    },
+    limt: {
+      get() {
+        return this.$props.pageSize;
+      },
+      set(val) {
+        this.$emit("update:pageSize", val);
+      },
+    },
+  },
+
   mounted() {},
   methods: {
     // 搜索
     searchFun() {
-      this.$emit("update:pageNum", this.pageNum);
-      this.$emit("update:pageSize", this.pageSize);
       this.$emit("currentChange", {
-        pageNum: this.pageNum,
-        pageSize: this.pageSize,
+        pageNum: this.page,
+        pageSize: this.limt,
       });
     },