最近用ElementUI的el-input組件，然后發現一個問題，

就是我在輸入框后，加一個icon的button，

然后我希望這個輸入框可以觸發兩個事件，

第一個是，輸入完，按鍵盤回車鍵的事件，

第二個是，輸入完，點icon的button的click事件。

然后翻閱文檔，發現可以給input加@change事件，這樣按回車可以搜索，然后可以把icon的button寫成slot的方式然后給button加@click事件，這樣按鈕也能搜索。

但是問題來了，我給input加了@change事件，但是他這個change很坑，因為他change事件里不光包含回車，居然還有失焦。。。

這個時候我們想一下，用戶按了回車，change事件觸發，這沒問題。

但是用戶如果輸入完，鼠標點右邊的icon的button。。。完了。。。這change(因為失焦)和click(因為點擊了button)一起觸發。。我特么。。。我人都傻了。。這什么鬼設定。。

有沒有大佬有辦法的，我感覺這個change帶失焦好惡心。。

相關數據：

1.ElementUI el-input組件的事件

https://element.eleme.cn/#/zh...

2.我的相關代碼如下：

v-model="str"

size="small"

@change="handleSearchEvent"

placeholder="請輸入搜索關鍵字" >

slot="append"

@click="handleSearchEvent"

icon\="el-icon-search" />

handleSearchEvent() {

console.log(this.str)

}

總結

以上是生活随笔為你收集整理的element 输入框点击事件_ElementUI的input事件问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。