关于element-ui中select的blur失效的bug解决
一、blur事件失效
这个blur事件的触发从表现来看就很佛系,点击选项有时会触发blur事件,失去焦点时有时触发有时不触发。
二、解决方案
1、利用el-select的@focus方法,在select标签内 添加 ref 于此便可在focus事件内触发 blur事件
注:此方法仅在开启搜索(即filterable=true)下有效,没开启的情况下input不存在。
2、使用native与capture让blur生效
注:在使用使用native与capture的时候,点击选项的时候也会触发blur,这时候就需要通过change回调去过滤掉点击选项的触发。
欢迎大家一起验证讨论。