fix:修改搜索

components/UiGoodsItem.vue

@@ -75,7 +75,7 @@ export default {
     -webkit-line-clamp: 2;
     &-label {
       display: inline-block;
-      padding: 4px 8px;
+      padding: 2px 8px;
       background: rgba(255, 135, 91, 0.1);
       font-size: 12px;
       font-family: Microsoft YaHei-Regular, Microsoft YaHei;

layouts/module/header/index.vue

@@ -244,7 +244,12 @@ export default {
     },
     onSearch() {
       // 储存搜索内容
-      this.$router.push("/goods/list");
+      this.$router.push({
+        path: "/goods/list",
+        query: {
+          keyword: this.searchContent,
+        },
+      });
     },
   },
 };

pages/goods/list/index.vue

@@ -46,7 +46,7 @@
         class="main__pagination flex flex-right"
         @current-change="handleCurrentChange"
         :current-page.sync="params.pageIndex"
-        :page-size="100"
+        :page-size="20"
         layout="prev, pager, next, jumper"
         :total="total"
       >
@@ -77,6 +77,7 @@ export default {
     };
   },
   async created() {
+    this.params.name = this.$route.query.keyword;
     this.getGoodsListData();
   },
   methods: {
@@ -125,6 +126,14 @@ export default {
       vm.getGoodsListData();
     },
   },
+  watch: {
+    //监听路由
+    //监听路由的categoryId属性的数据变化
+    "$route.query.keyword": function () {
+      this.params.name = this.$route.query.keyword;
+      this.getGoodsListData();
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>
@@ -208,4 +217,4 @@ export default {
     }
   }
 }
-</style>
+</style>