原因 今天在使用element ui時，el input組件監聽不了回車事件，如下代碼沒有想要的效果： 原因應該是element ui自身封裝了一層input標簽之後影響了事件的監聽，在element ui里有很多因為自身封裝了幾層標簽導致事件和樣式無法按想要的效果呈現，遇到後可以在網頁中查看dom ...
原因
今天在使用element-ui時，el-input組件監聽不了回車事件，如下代碼沒有想要的效果：
<el-input class="search-input" placeholder="請輸入內容" v-model="searchText" @keyup.enter="search()"></el-input>原因應該是element-ui自身封裝了一層input標簽之後影響了事件的監聽，在element-ui里有很多因為自身封裝了幾層標簽導致事件和樣式無法按想要的效果呈現，遇到後可以在網頁中查看dom結構分析原因。
解決
在事件後面加上.native：
<el-input class="search-input" placeholder="請輸入內容" v-model="searchText" @keyup.enter.native="search()"></el-input>
