vue input 弹出 带搜索键盘 和 回车搜索

 

<form action="javascript:return true;" @submit.prevent>

  <input :placeholder="placeholder" 
         autofocus
         ref="searchInput" 
         type="search" 
         @keyup.13="searchClick" 
         v-model="keyword" />

</form>


methods: {
    searchClick () {
      this.$refs.searchInput.blur()  //失去焦点
    }
}

1、 需要做一个点击input弹出带搜索的键盘。

input的type="search",可弹出带搜索的键盘。并监听搜索按钮，请求数据

2、点击搜索之后键盘没有收回

通过$refs获取input监听搜索按钮，添加.blur()

3、ios无法弹出带搜索的键盘

给input外加一层from
action="javascript:return true;" @submit.prevent