关于手机端点击搜索按钮跳转到搜索页面，搜索框自动聚焦并且唤起键盘

index页面：

<div @click="gotoSearch()">// 首页取一个和搜索页面搜索框一样的class名<input  class="van-field__control" /><img  src="@/asset/images/你的搜索图标地址"  />
</div><export default{methods:{gotoSearch(){let inp = document.getElementsByClassName('van-field__control')[0];inp.focus();this.$router.push({name:'searchList',})}}
}<style>.van-field__control{width:0;height:0;}
</style>

以上是index页面，就是点击这里的搜索图标跳转到搜索页面的，下面是搜索页面的代码~

<van-search @cancel="onCancel"@search="onSearch"@focus="onFocus"@blur="onBlur"v-model="keyword"show-actionplaceholder="请输入关键词"ref="searchInput" />mounted(){this.$refs.searchInput.focus();
}
async activated(){let inp = document.getElementsByClassName('van-field__control')[0];inp.focus();
}

以上代码，可兼容IOS和安卓，亲测可以使用~

关于手机端点击搜索按钮跳转到搜索页面，搜索框自动聚焦并且唤起键盘相关推荐

Power BI：在列表中点击详情按钮跳转到详情页面并传递参数
如下图所示,当点击最后一列的Detail链接,将跳转到详情页面,并查询出对应ReportMonth的详细数据: 图1 主表:dimReportMonth (即图1中用到的表) 详情表:factCost ...
vue中手机端点击手机键盘的完成 / 搜索按钮触发文本框搜索
看到标题,你可能第一反应是想着监听手机键盘的[完成]或[搜索]按钮,然后触发事件do something but ,No No No ,没有那么艰难复杂. vue中,要在手机端点击手机键盘的[完成]或 ...
Android--（三星手机）webview嵌套H5，点击H5按钮跳转手机拍照，横屏拍照导致失败或崩溃问题
Android--(三星手机)webview嵌套H5,点击H5按钮跳转手机拍照,横屏拍照导致失败或崩溃问题(完美解决) 最近在改一个需求,用的是第三方公司的一个H5链接(Udesk公司),发现WebV ...
html5手机返回按钮跳转到指定页面问题
最近在做活动的时候有一个这样的场景,在主页面点击跳出一个弹层表单,填写完信息后,点击确认跳转到指定的展示页面了.这时候在手机端点击浏览器自带的返回按钮后,回到主页面,这时候主页面无法刷新,弹层信息还在 ...
vivo自带便签新版_原来vivo手机点击这个按钮，还能变成扫描仪，纸质文档一键电子化...
Vivo手机现在越做越好了,"高价低配"也不在是vivo手机的标签,很多用户都觉得vivo手机特别好用. 就比如工作中经常需要将纸质文档转为电子档,其实vivo手机点击这个按钮,就 ...
点击按钮出现图片_坪山电动车上牌丨部分手机点击拍摄按钮，页面没有反应，无法拍摄人脸图片或上传照片，为什么？...
戳蓝字关注,骑行要备案,安全常相伴大家好!我是「帮你电动车轻松上牌的」小易今天继续解答广大深圳电动车车主,在操作"易骑行"小程序进行电动车备案,以及深圳电动车上牌骑行过程中遇到的常 ...
PHP——0128练习相关2——js点击button按钮跳转到另一个新页面
js点击button按钮跳转到另一个新页面投稿:whsnow 字体:[增加减小] 类型:转载时间:2014-10-10 我要评论点击按钮怎么跳转到另外一个页面呢?点击图片要跳转到新的页面时,怎 ...
手机端点击图片全屏预览
<!doctype html> 手机端点击图片全屏预览 <div class="category"><img src="1.jpg" ...
今天才发现！华为手机点击这个按钮，就能自动保存通话录音
随着聊天工具的发展,电话的作用在逐渐弱化,但重要的事情大家一定是选择电话沟通. 这是因为通话的时候可以开启录音功能,特别是电话会议,通话录音功能就很有必要开启了. 其实华为手机点击这个按钮,就能自动保 ...

关于手机端点击搜索按钮跳转到搜索页面，搜索框自动聚焦并且唤起键盘

关于手机端点击搜索按钮跳转到搜索页面，搜索框自动聚焦并且唤起键盘相关推荐

最新文章

热门文章