大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章主要介绍了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许可证,提供“云服务器、裸金属服务器、网站设计器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。