vue点击input弹出带搜索键盘并监听该元素的方法

时间：2020-10-09 22:41:46|栏目：vue|点击：次

1.遇到问题：

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

解决：

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

<input @keyup.13="show()" type="search">

2.但是又遇到一个新的问题：

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

解决：

通过$refs获取input

监听搜索按钮，添加.blur()

<input @keyup.13=show() type="search" ref="input1">
show(){
 this.$refs.input1.blur();
}

3.测试时发现ios无法弹出带搜索的键盘

解决：

给input外加一层from

<form action="javascript:return true;">
 <input @keyup.13=show() type="search" ref="input1">
</form>
show(){
 this.$refs.input1.blur();
}

栏目：vue

本文地址：http://www.codeinn.net/misctech/9008.html