search cancel

src/components/SearchBar/index.vue

@@ -13,6 +13,7 @@
       :value="value"
       @focus="onFocus"
       @input="onInput"
+      @blur="onBlur"
     />
     <!-- <div v-show="show" @click="onBlur" class="el-icon-close closeBtn"></div> -->
     <div class="jumpBtnBox">
@@ -49,6 +50,7 @@ export default {
     },
     onBlur() {
       this.show = false;
+      console.log('=======-------======')
       this.$emit("blur");
     },
     goBack() {

src/views/ordinaryPage/index.vue

@@ -6,6 +6,7 @@
         v-model="inputValue"
         @focus="onFocus"
         @input="onInput"
+        @blur="onBlur"
         ref="searchbar"
       />
       <div class="square-map" v-show="isOpenSquare">
@@ -1131,6 +1132,9 @@ export default {
     onFocus() {
       this.isOpen = true;
     },
+    onBlur() {
+      this.isOpen = false;
+    },
     onInput(value) {
       this.inputValue = value;
     },