1.遇到問題：

需要做一個點擊input彈出帶搜索的鍵盤。

解決：

input的type="search",可彈出帶搜索的鍵盤。并監聽搜索按鈕，請求數據

<input @keyup.13="show()" type="search">

2.但是又遇到一個新的問題：

點擊搜索之后鍵盤沒有收回。

解決：

通過$refs獲取input

監聽搜索按鈕，添加.blur()

<input @keyup.13=show() type="search" ref="input1">show(){ this.$refs.input1.blur();}

3.測試時發現ios無法彈出帶搜索的鍵盤

解決：

給input外加一層from

<form action="javascript:return true;"> <input @keyup.13=show() type="search" ref="input1"></form>show(){ this.$refs.input1.blur();}

以上這篇vue點擊input彈出帶搜索鍵盤并監聽該元素的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。