H5页面，调用软键盘搜索功能和关闭软键盘

需求：搜索功能，要求使用手机软键盘弹起搜索

<form action="" @submit.prevent="search">
    <input class="search-input"  type="search"  placeholder="搜索姓名、身份证号、工厂名称" v-model="searchVal">
</form>

type=search,不可省略，form为了兼容ios

// 搜索函数里面可以写请求的函数
search(){
    console.log(123123123)
    // alert(1)
    document.activeElement.blur();
}

请求完，H5页面关闭软键盘：
document.activeElement.blur();

 

亲测有效，记录一下