微信內(nèi)置開發(fā) iOS修改鍵盤換行為搜索的解決方案
更新時(shí)間：2019年11月06日 15:15:07 作者：董瑞南
今天小編就為大家分享一篇微信內(nèi)置開發(fā) iOS修改鍵盤換行為搜索的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
在微信中搜索的時(shí)候， 我們通常使用keycode=13來(lái)判斷客戶是否點(diǎn)擊了確定。
在安卓上，喚醒搜索框?yàn)榇_認(rèn)鍵沒(méi)問(wèn)題，而ios就不敢茍同了，ios顯示為換行，對(duì)于客戶使用體驗(yàn)非常不好。
解決方案：
html代碼。
<form @submit.prevent action="#"> <input class="search_input" ref="input" @focus="searchFocus" v-model="val" @keypress="search" placeholder="商品名稱" type="search" /> </form>
1、首先type =search;
2、input 外面包一層form，并且阻止表單的默認(rèn)提交
<!-- 阻止默認(rèn)行為，沒(méi)有表達(dá)式 --> <form @submit.prevent></form>
以上這篇微信內(nèi)置開發(fā) iOS修改鍵盤換行為搜索的解決方案就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue使用echarts實(shí)現(xiàn)三維圖表繪制
這篇文章主要為大家詳細(xì)介紹了vue如何在項(xiàng)目中使用echarts實(shí)現(xiàn)三維圖表的繪制,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以參考一下2023-08-08
vue2結(jié)合element-ui實(shí)現(xiàn)TreeSelect樹選擇功能
這篇文章主要為大家詳細(xì)介紹了vue2如何結(jié)合element-ui實(shí)現(xiàn)TreeSelect樹選擇功能,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下2024-03-03
詳解Vue3中的watch偵聽(tīng)器和watchEffect高級(jí)偵聽(tīng)器
這篇文章主要介紹了Vue3中的watch偵聽(tīng)器和watchEffect高級(jí)偵聽(tīng)器,本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-08-08
教你在Vue3中使用useStorage輕松實(shí)現(xiàn)localStorage功能
這篇文章主要給大家介紹了關(guān)于如何在Vue3中使用useStorage輕松實(shí)現(xiàn)localStorage功能的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-06-06
Vue3+Element?Plus使用svg加載iconfont的處理方法
這篇文章主要介紹了Vue3+Element?Plus使用svg加載iconfont的解決方案,本文詳細(xì)介紹了如何在Element?Plus中使用iconfont，簡(jiǎn)單的說(shuō)就是要將其封裝成SVG，并且支持動(dòng)態(tài)修改顏色，需要的朋友可以參考下2022-08-08
vue3引入uview-plus3.0移動(dòng)組件庫(kù)的流程
這篇文章主要介紹了vue3引入uview-plus3.0移動(dòng)組件庫(kù)的流程,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-06-06
平時(shí)寫vue的時(shí)候知道 props 有很多種用法，今天我們來(lái)看看vue內(nèi)部是怎么處理 props 中那么多的用法的。非常具有實(shí)用價(jià)值，需要的朋友可以參考下2019-01-01
這篇文章主要介紹了VUE表達(dá)式{{}}中如何拼接字符問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
Vue監(jiān)聽(tīng)使用方法和過(guò)濾器實(shí)現(xiàn)
這篇文章主要介紹了Vue監(jiān)聽(tīng)使用方法和過(guò)濾器實(shí)現(xiàn)，過(guò)濾器為頁(yè)面中數(shù)據(jù)進(jìn)行強(qiáng)化，具有局部過(guò)濾器和全局過(guò)濾器2022-06-06
Vue?通過(guò)this.$emit()方法子組件向父組件傳值(步驟分享)
這篇文章主要介紹了Vue?this.$emit()方法通過(guò)子組件向父組件傳值,第一步在父組件中引入子組件，第二步子組件向父組件傳值，本文通過(guò)需要的朋友可以參考下2022-11-11