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

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

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

像这样

 

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

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

解决element中input组件触发事件失效的问题_第1张图片

大喜!

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

啊啊啊啊!不行!

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

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

都不行!

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

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

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

 

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

解决element中input组件触发事件失效的问题_第2张图片

解决element中input组件触发事件失效的问题_第3张图片

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

你可能感兴趣的:(解决element中input组件触发事件失效的问题)