vue点击input弹出带搜索键盘并监听该元素的方法
118 浏览量
2020-12-02
17:22:33
上传
评论
收藏 29KB PDF 举报
vue点击点击input弹出带搜索键盘并监听该元素的方法弹出带搜索键盘并监听该元素的方法
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点击input弹出带搜索键盘并监听该元素的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希
望大家多多支持软件开发网。
资源评论
