关于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回调去过滤掉点击选项的触发。
在这里插入图片描述
在这里插入图片描述
欢迎大家一起验证讨论。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值