最近用ElementUI的el-input組件，然后發(fā)現(xiàn)一個(gè)問(wèn)題，

就是我在輸入框后，加一個(gè)icon的button，

然后我希望這個(gè)輸入框可以觸發(fā)兩個(gè)事件，

第一個(gè)是，輸入完，按鍵盤(pán)回車(chē)鍵的事件，

第二個(gè)是，輸入完，點(diǎn)icon的button的click事件。

然后翻閱文檔，發(fā)現(xiàn)可以給input加@change事件，這樣按回車(chē)可以搜索，然后可以把icon的button寫(xiě)成slot的方式然后給button加@click事件，這樣按鈕也能搜索。

但是問(wèn)題來(lái)了，我給input加了@change事件，但是他這個(gè)change很坑，因?yàn)樗鹀hange事件里不光包含回車(chē)，居然還有失焦。。。

這個(gè)時(shí)候我們想一下，用戶(hù)按了回車(chē)，change事件觸發(fā)，這沒(méi)問(wèn)題。

但是用戶(hù)如果輸入完，鼠標(biāo)點(diǎn)右邊的icon的button。。。完了。。。這change(因?yàn)槭Ы?和click(因?yàn)辄c(diǎn)擊了button)一起觸發(fā)。。我特么。。。我人都傻了。。這什么鬼設(shè)定。。

有沒(méi)有大佬有辦法的，我感覺(jué)這個(gè)change帶失焦好惡心。。

相關(guān)數(shù)據(jù)：

1.ElementUI el-input組件的事件

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

2.我的相關(guān)代碼如下：

v-model="str"

size="small"

@change="handleSearchEvent"

placeholder="請(qǐng)輸入搜索關(guān)鍵字" >

slot="append"

@click="handleSearchEvent"

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

handleSearchEvent() {

console.log(this.str)

}

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。