element-ui的el-select选择器的@blur事件失效，如何解决这个大坑？

本文共计553个文字，预计阅读时间需要3分钟。

目录 + Element UI 的 el-select 选择器的 @blur 事件失效 + 解决 + 使用 el-select 中的 @blur 遇到的问题 + 解决 + Element UI 的 el-select 选择器的 @blur 事件失效 + Element UI 文档中基本来 el-select 有个 blur 事件绑定函数属性。

目录

• element-ui的el-select选择器的@blur事件失效
• 解决
• 使用el-select中的@blur遇到的问题
• 解决

element-ui的el-select选择器的@blur事件失效

element-UI文档中本来el-select有个blur事件绑定函数属性。

但是使用后发现有时候失焦事件并不能触发生效，也就导致所绑定的函数不能执行。

解决

利用el-select的@focus方法，在select标签内 添加 ref 于此便可在focus事件内触发 blur事件。