通过回车搜索

 <div slot="right" class="search">
      <input
        type="text"
        class="search-input"
        placeholder="请输入搜索内容"
        v-model="search"
        @keyup.enter.prevent="searchEnterFun($event)"
      />
      <input type="button" class="search-button" @click="searchClick" />
    </div>
// 点击搜索按钮
    searchClick() {
      if (this.search != "") {
        // 跳转到全部商品页面,并传递搜索条件
        this.$router.push({
          path: "/category",
          query: { search: this.search },
        });
        this.search = "";
      }
    },
    // 通过回车搜索
    searchEnterFun(e) {
       var keyCode = window.event ? e.keyCode : e.which;
      if (keyCode == 13) {
        this.searchClick();
      }
    },

 

posted @ 2020-11-23 22:57  CHUNYIN  阅读(112)  评论(0)    收藏  举报