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

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和安卓，亲测可以使用~