搜索商品修改

pages/shop.vue

@@ -4,7 +4,7 @@
         <view>
             <view class="shop">
                 <div class="my__search" @click='goSearch'>
-                    <u-search placeholder="搜搜你最想知道的" :showAction='false' bgColor='#ffffff' v-model="keyword"></u-search>
+                    <u-search placeholder="搜搜你最想知道的" :showAction='false' bgColor='#ffffff'></u-search>
                 </div>
                 <div class="shop__swiper">
                     <view class="u-demo-block">

pagesC/pages/shop/search.vue

@@ -6,7 +6,7 @@
 <view class="appCotent">
 <div class="myMoveCar">
     <div class="my__search">
-        <u-search placeholder="请输入商品" :showAction='false' bgColor='#ffffff' v-model="keyword" @search="searchCommodity"></u-search>
+        <u-search placeholder="请输入商品" :showAction='false' bgColor='#ffffff' v-model="keyword" @change="searchCommodity"></u-search>
     </div>
     <div class="list">
         <div class="list__item" v-for="(vo,inx) in items" :key="inx" @click="goDetail(vo.id,vo.link)">
@@ -38,6 +38,7 @@ export default {
         return {
             keyword: '',
             items: [],
+			timer:null
         };
     },
     methods: {
@@ -47,17 +48,21 @@ export default {
             })
         },
         searchCommodity(){
-            
-            let searchCondition = {
-                searchVal: this.keyword
-            }
-            console.log(searchCondition,222222222)
-            let opts = { url: '/app/index/mall/list', method: 'get' };
-            this.http.httpRequest(opts, searchCondition).then(res => {
-                if(res.data.code == 200){
-                    this.items = res.data.data.rows
-                }
-            })
+            if (this.timer) {
+				clearTimeout(this.timer);
+			}
+			this.timer = setTimeout(() => {
+			  let searchCondition = {
+			      searchVal: this.keyword
+			  }
+			  console.log(searchCondition,222222222)
+			  let opts = { url: '/app/index/mall/list', method: 'get' };
+			  this.http.httpRequest(opts, searchCondition).then(res => {
+			      if(res.data.code == 200){
+			          this.items = res.data.data.rows
+			      }
+			  })
+			}, 300)
         },
         goDetail(id,link) {
 			let token = uni.getStorageSync('userToken');