当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue点击input弹出带搜索键盘并监听该元素的方法

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

2018年09月23日  | 移动技术网IT编程  | 我要评论

未来之我要越狱,朝鲜 世袭制,校园言情小说吧

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弹出带搜索键盘并监听该元素的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网