技術標籤：vuehtml

移動端H5頁面，通過點選軟鍵盤搜尋按鈕實現搜尋功能

第一步：

加form

<form action="javascript:return true">
  <input type="search" placeholder="請輸入搜尋內容" v-model="wkeyword"
        @keyup.enter="research">
</form>
<p @click="research()"
 
>搜尋</p>

第二步：

加上@keyup.enter=“research”；呼叫點選事件方法research

例：

private research () {
 if (this.wkeyword) {
   this.$router.push({path: '/result', query: {wkeyword: this.wkeyword}});
 }
}