ElementUI输入框(input)回车查询事件,详细讲解。

重要的事情说三遍: 简单 易懂 好用! 直接上代码(参考官方文档组件属性)

<el-input @keyup.enter.native="UserSelect"  placeholder="请输入用户名称">
下面进行拆分讲解:

完整: @keyup.enter.native

@keyup    译: 触发键盘事件
enter     译: 键盘回车提交
native    译:事件监听(个人理解)

总结(个人理解): 首先需求是在输入框内输入内容后敲下回车键位执行查询操作
那么我们要先去触发(@keyup)键盘上的回车键(enter)然后去监听(native)敲下回车的一刻
按这个逻辑那么也就组成了@keyup.enter.native,可能在大佬面前显得不太专业,
但是够让刚入门的朋友更好的去理解使用来完成相关功能的实现!(温馨提示:多参考官方文档给的组件属性)
本文章内容均为个人编写共大家学习参考,若搬运请标明出处!

你可能感兴趣的:(elementui,vue.js,vue,前端框架,html)