vue使用element-ui的el-input监听不了回车事件
2024-04-04 17:49:41
原因
今天在使用element-ui时，el-input组件监听不了回车事件，如下代码没有想要的效果：
<el-input class="search-input" placeholder="请输入内容" v-model="searchText" @keyup.enter="search()"></el-input>
原因应该是element-ui自身封装了一层input标签之后影响了事件的监听，在element-ui里有很多因为自身封装了几层标签导致事件和样式无法按想要的效果呈现，遇到后可以在网页中查看dom结构分析原因。
解决
在事件后面加上.native：
<el-input class="search-input" placeholder="请输入内容" v-model="searchText" @keyup.enter.native="search()"></el-input>
最新文章
- html JS 打开本地程序及文件
- failover机制的小讨论
- OAuth 2.0 授权原理
- PHP的学习--可变函数
- 2015年免费的25款 WordPress 网站模板
- 不是技术牛人，如何拿到国内IT巨头的Offer（转载）
- MongoDB的学习--文档的插入、删除和更新
- Linux常用命令_（进程管理）
- C语言对象化编程
- 神经网络结构在命名实体识别（NER）中的应用
- Python数据可视化——使用Matplotlib创建散点图
- Vue的土著指令和自定义指令
- .NET Core玩转机器学习
- VS2015环境下的提示语法错误：编号的预期结尾后有多余文本（extra text after expected end of number）
- SQL Access Advisor in Oracle Database 10g
- 使用Jekins自动构建项目（GitLab+Java Maven）
- 美图美妆由Try Try接手运营
- java.io.Serializable 序列化问题【原】
- Lexicography
- 安全测试6_Web安全工具第三节（Web安全工具）