分页监听当前页码修改

src/components/mobile-frame/mobile-main.vue

@@ -36,7 +36,7 @@ export default {
     rightArrow: { type: Boolean, default: () => true },
     // 分页
     usePage: { type: Boolean, default: () => true },
-    limit: { type: Number, default: () => 10 },
+    limit: { type: Number, default: () => 5 },
     total: { type: Number, default: () => 0 },
     // 底部菜单
     useNav: { type: Boolean, default: () => true },

src/components/mobile-frame/page.vue

@@ -10,7 +10,7 @@ export default {
   name: 'page',
   props: {
     total: { type: Number },
-    limit: { type: Number, default: () => 6 },
+    limit: { type: Number, default: () => 5 },
   },
   components: {},
   data: function() {
@@ -31,10 +31,13 @@ export default {
     return { title: this.$route.meta.title };
   },
   watch: {
-    test: {
+    total: {
       deep: true,
       immediate: true,
-      handler(val) {},
+      handler(val) {
+        // 查询条件，重置页码
+        if (val) this.$set(this, `currentPage`, 1);
+      },
     },
   },
 };