vue点击input弹出带搜索键盘并监听该元素的方法
2018-09-22 01:04
阅读:941
1.遇到问题:
需要做一个点击input弹出带搜索的键盘。
解决:
input的type=search,可弹出带搜索的键盘。并监听搜索按钮,请求数据
<input @keyup.13=show() type=search>
2.但是又遇到一个新的问题:
点击搜索之后键盘没有收回。
解决:
通过$refs获取input
监听搜索按钮,添加.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弹出带搜索键盘并监听该元素的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
上一篇:javascript中的location用法简单介绍
下一篇:在视频前插入广告
文章来自:搜素材网的编程语言模块,转载请注明文章出处。
文章标题:vue点击input弹出带搜索键盘并监听该元素的方法
文章链接:http://soscw.com/index.php/essay/17063.html
文章标题:vue点击input弹出带搜索键盘并监听该元素的方法
文章链接:http://soscw.com/index.php/essay/17063.html
评论
亲,登录后才可以留言!