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=" :return true;">
<input @keyup.13=show() type="search" ref="input1">
</form>
show(){
this.$refs.input1.blur();
}
以上这篇vue点击input弹出带搜索键盘并监听该元素的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
继续阅读与本文标签相同的文章
-
雅虎宣布逐步关闭雅虎群组网站：永久删除所有内容
2026-05-15栏目： 教程
-
中山开展 5G跨省帮扶手术
2026-05-15栏目： 教程
-
亿级用户分布式存储，这些方案你都会了吗？
2026-05-15栏目： 教程
-
《生命3.0》序言：怎样正确的关心人类命运
2026-05-15栏目： 教程
-
未来5年我国出口国际小包终端费将累计增长164％
2026-05-15栏目： 教程