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();

 

親測有效，記錄一下