这篇文章主要介绍了vue如何实现点击input弹出带搜索键盘并监听该元素的方法，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
我们提供的服务有：成都网站制作、网站设计、微信公众号开发、网站优化、网站认证、
海棠ssl等。为近千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的
海棠网站制作公司1.遇到问题：
需要做一个点击input弹出带搜索的键盘。
解决：
input的type="search",可弹出带搜索的键盘。并监听搜索按钮，请求数据
2.但是又遇到一个新的问题：
点击搜索之后键盘没有收回。
解决：
通过$refs获取input
监听搜索按钮，添加.blur()
show(){
this.$refs.input1.blur();
}
3.测试时发现ios无法弹出带搜索的键盘
解决：
给input外加一层from
show(){
this.$refs.input1.blur();
}
感谢你能够认真阅读完这篇文章，希望小编分享的“vue如何实现点击input弹出带搜索键盘并监听该元素的方法”这篇文章对大家有帮助，同时也希望大家多多支持创新互联成都网站设计公司，关注创新互联成都网站设计公司行业资讯频道，更多相关知识等着你来学习!
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、网站设计器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
文章名称：vue如何实现点击input弹出带搜索键盘并监听该元素的方法-创新互联
文章来源：
http://www.cdkjz.cn/article/dicodj.html
