查找 Element UI 的 input輸入框組件（el-input組件），都沒有發(fā)現(xiàn)可以給輸入框添加的回車鍵監(jiān)聽事件，因為Element UI對其做了進(jìn)一步封裝，想要直接添加 @keydown（或者@keyup.enter）是無效的。
要想在el-input中實現(xiàn)回車鍵監(jiān)聽事件，需要在@keyup.enter后面加上.native，即
<el-input v-model="messageInput" @keyup.enter.native="sendMsg">
那么 .native 是如何給組件添加原生事件的呢？
我們對比下面兩個組件在最后生成的頁面中有哪些不同點
發(fā)現(xiàn)，添加了 .native 修飾符的 el-input 組件會有原生的 keyup 事件，其實就是在組件的根標(biāo)簽上添加了一個事件監(jiān)聽文章來源：http://www.zghlxwxcb.cn/news/detail-597377.html
總結(jié)：文章來源地址http://www.zghlxwxcb.cn/news/detail-597377.html
- native修飾符可以讓父組件接收到原生事件, 否則只能接收自定義事件(通過子組件$emit觸發(fā))
- native修飾符只能用在組件上, 不能用在原生標(biāo)簽上
到了這里，關(guān)于如何給 el-input 添加鍵盤回車事件的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
