vue使用element-ui的el-input監聽(tīng)不了回車(chē)事件怎么辦

小編給大家分享一下vue使用element-ui的el-input監聽(tīng)不了回車(chē)事件怎么辦，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

原因

今天在使用element-ui時(shí)，el-input組件監聽(tīng)不了回車(chē)事件，如下代碼沒(méi)有想要的效果：

<el-input class="search-input" placeholder="請輸入內容" v-model="searchText" @keyup.enter="search()"></el-input>

原因應該是element-ui自身封裝了一層input標簽之后影響了事件的監聽(tīng)，在element-ui里有很多因為自身封裝了幾層標簽導致事件和樣式無(wú)法按想要的效果呈現，遇到后可以在網(wǎng)頁(yè)中查看dom結構分析原因。

解決

在事件后面加上.native：

<el-input class="search-input" placeholder="請輸入內容" v-model="searchText" @keyup.enter.native="search()"></el-input>