在使用elementUI的el-select组件时，遇到filterable搜索功能与微软拼音输入法冲突的问题，导致搜索结果不准确。通过分析源码发现，微软拼音输入法的数字选择键不会触发@keyup.native事件，由此引发bug。解决方案是在el-input中添加@input="debouncedOnInputChange"事件监听，修复后通过npm run dist更新引用代码并替换到项目中即可暂时解决此问题。已向官方报告该问题。
Bug描述：
今天做开发时遇到一个elementUI存在的bug。
当el-select使用filterable功能搜索时，如果你恰巧使用的是微软拼音输入法，那么你有可能会遇到搜索结果和输入的值不匹配，如下图：
我输入的是黄金，结果却显示有双皮蛋，龙须面。
复现办法：
打开https://element.eleme.cn/#/zh-CN/component/select
定位到【可以利用搜索功能快速查找选项】
切换成微软拼音输入法
点击搜索下拉框输入“黄金”，确认输入时别使用回车或者空格确认，而使用键盘数字选择确认输入。比如按“1”确认输入“黄金”
这时候下拉结果并未更新成只包含黄金的选择项
bug定位与修复办法：
项目周五要上线，只能自己下载element源码，排查问题了。定位到：element-dev\packages\select\src\select.vue代码，npm run dev浏览器调试起来。
发现当使用微软输入法时，按上面的数字选择键并不会触发@keyup.native事件。而el-select里面的el-input并未使用@input事件监听输入值变化导致bug。
修复方法：el-input中加入@input="debouncedOnInputChange" 即可。
ref="reference"
v-model="selectedLabel"
type&#
最低0.47元/天 解锁文章
5023
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
