ElementUI中的el-select组件@change事件，@keyup.enter.native对enter事件失效

Question

ElementUI中的el-select组件调用了@change事件后，@keyup.enter.native对enter事件失效

  <el-select
    v-model="value"
    size="mini"
    filterable
    placeholder="请选择"
    @change="handleChange"
    @keyup.enter.stop.native="handleEnter"
  >
    <el-option v-for="{ name, id } in options" :key="id" :label="name" :value="id"></el-option>
  </el-select>

不能对键盘的enter事件监听失效了，请问是什么原因呢？有什么好的解决方法吗？大神们~~

Answer 1

我看了下源码

发现keydown被阻止了。
改了下可以了：

  <el-select
    v-model="value"
    size="mini"
    filterable
    placeholder="请选择"
    @change="handleChange"
    @keydown.enter.native="handleEnter"
  >
    <el-option v-for="{ name, id } in options" :key="id" :label="name" :value="id"></el-option>
  </el-select>

没有对keyup进行监听，改为了keydown可以监听了。

Answer 2

会车时会触发下拉收起。可监听visible-change事件来代替enter