1、修复页码器和vue3版本不兼容问题

src/components/Pagination/index.vue

@@ -59,13 +59,16 @@ const props = defineProps({
   }
 })
 
-const emit = defineEmits();
+const emit = defineEmits(['pagination']);
+const limit = defineModel('limit');
+const page = defineModel('page');
+
 const currentPage = computed({
   get() {
     return props.page
   },
   set(val) {
-    emit('update:page', val)
+    page.value = val
   }
 })
 const pageSize = computed({
@@ -73,7 +76,7 @@ const pageSize = computed({
     return props.limit
   },
   set(val){
-    emit('update:limit', val)
+    limit.value = val
   }
 })
 function handleSizeChange(val) {

src/views/product/category/index.vue

@@ -89,8 +89,8 @@
         <pagination
           v-show="total>0"
           :total="total"
-          :page.sync="queryParams.pageNum"
+          v-model:page="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
+          v-model:limit="queryParams.pageSize"
           @pagination="getList"
         />
 

src/views/product/productCategory/index.vue

@@ -85,8 +85,8 @@
     <pagination
       v-show="total>0"
       :total="total"
-      :page.sync="queryParams.pageNum"
+      v-model:page="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
+      v-model:limit="queryParams.pageSize"
       @pagination="getList"
     />
 
@@ -225,7 +225,7 @@ function handleUpdate(row) {
 
 /** 提交按钮 */
 function submitForm() {
-  validateForm.then(() => {
+  validateForm().then(() => {
     if (form.value.id != null) {
       updateProductsCategory(form.value).then(response => {
         proxy.$modal.msgSuccess("修改成功");

src/views/product/productRecord/index.vue

@@ -97,8 +97,8 @@
     <pagination
       v-show="total>0"
       :total="total"
-      :page.sync="queryParams.pageNum"
+      v-model:page="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
+      v-model:limit="queryParams.pageSize"
       @pagination="getList"
     />
 
@@ -257,7 +257,7 @@ function handleUpdate(row) {
 
 /** 提交按钮 */
 function submitForm() {
-  validateForm.then(() => {
+  validateForm().then(() => {
     if (form.value.id != null) {
       updateProductsRecord(form.value).then(response => {
         proxy.$modal.msgSuccess("修改成功");

src/views/product/productType/index.vue

@@ -101,8 +101,8 @@
     <pagination
       v-show="total>0"
       :total="total"
-      :page.sync="queryParams.pageNum"
+      v-model:page="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
+      v-model:limit="queryParams.pageSize"
       @pagination="getList"
     />
 

src/views/supplier/record/index.vue

@@ -127,8 +127,8 @@
     <pagination
       v-show="total>0"
       :total="total"
-      :page.sync="queryParams.pageNum"
+      v-model:page="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
+      v-model:limit="queryParams.pageSize"
       @pagination="getList"
     />