解决element中input组件触发事件失效的问题

最近刚接触element组件,在使用el-input组件时需要实现一个功能:

只有一个搜索框,输入内容完成后,自行返回搜索结果

像这样

 

搜索函数已经写好了,只等合适的时间触发事件就好

查了下element官网中input输入框的事件的描述

大喜!

这不是直接@blur="func"就可以了吗,迫不及待的试了一下

啊啊啊啊!不行!

进入页面后只有第一次可以,别的都不行,真是让人头大

不服气的我又试了试@focus、@change。。。。。。。。

都不行!

没有比这再忧伤的故事了...

最后还是百度了下,将@blur="func"改为@input="func"就OK了

有个疑问,官网描述上为什么不带Input事件?(ps.初学者啥都不懂)

 

------------------------------------------------------------------------------------分割线------------------------------------------------------------------------

最新版本的element-ui应该是已经修复过这个问题,现在文档中定义的几种事件都可以正常使用,@change、@input、@blur都是正常的,可以根据自己需要选择

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值