乡村旅居搜索

src/Components/assistingAgriculture/index/Search.vue

@@ -11,10 +11,11 @@
       />
       <input
         type="text"
-        :value="test"
         class="text"
         :placeholder="placeholderText"
         placeholder-style="font-size:16rpx;"
+        :value="modelValue"
+        @input="updateModelValue"
         @blur="toSearch"
         @keyup.enter="toSearch"
         @focus="toSearch"
@@ -35,7 +36,11 @@ const props = defineProps({
     type: String,
     default: '',
   },
+  modelValue: String,
 });
+const updateModelValue = (event) => {
+  emit('update:modelValue', event.target.value);
+};
 const toSearch = (test) => {
   emit('search', test);
 };

src/pages/assistingAgriculture/RuralTravel/RuralTravel.vue

@@ -8,6 +8,7 @@
           iconSrc="/static/assistingAgriculture/assets/left.png"
           placeholderText="请输入要搜索的关键词"
           @search="toSearch"
+          v-model="keyword"
         ></Search>
       </view>
       <view class="bac-img">
@@ -229,8 +230,8 @@ const locationFiltering = (index) => {
   }
 };
 onPullDownRefresh(() => {
+  keyword.value = '';
   getProd();
-  getPopular();
   setTimeout(() => {
     uni.stopPullDownRefresh();
   }, 1000);