今天遇到了一个bug,就是在使用element-UI的select框时，当选中值，会触发@change事件，下拉框消失，但是这时候select框还是处于获取焦点状态。可以看到select框还是处于颜色高亮状态。所以当我再次点击enter框时，下拉框再次显示，也会再次触发@change事件。
第一次看到这个bug的时候我是懵逼的，因为我不知道enter键居然有等同于鼠标左键的效果。然后我试了几个解决方案，以下是我的解决方案及效果。
1、禁止select框的enter事件
@keyup.enter,native,prevent;@keydown.enter,native,prevent;但是无效，我百度到一个说法是@change使@keyup.enter,native,prevent;无效，但是我没有设置@change，@keyup.enter,native,prevent;也是无效的
我又尝试了设置@keyup和@keydown来监听键盘事件，但是！但是！select框无法监听键盘事件！！！
所以设置enter键的禁止无效
只有第一次奏效，只有第一次有效。
3、在绑定的事件上进行判断，阻止往下进行。
未进行尝试，但是是一个可行的办法
4、解决办法：给select框绑定disable，判断条件给disable赋值true或者false。
可行，是目前最完美的解决办法。