/*
* ios必须嵌套form表单,否则无法把“前往”变为“搜索”
* android不需要嵌套表单
*/
<form @submit.prevent action="#">
<input v-model="searchText" type="search" @keyup.13="show" class="search_input" ref="input" placeholder="请输入搜索文本"/>
</form>
//点击搜索时触发
show(){
this.$refs.input.blur(); //点击搜索后收起软键盘
this.$emit('func',this.searchText); //获取搜索文本,做一些请求操作
}
Vue--H5页面中使用手机软键盘中的搜索按钮(android和ios)
最新推荐文章于 2022-06-15 15:03:30 发布