vue使用element-ui的el-input監聽不了回車事件

原因

今天在使用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>           

複制