@keyup.enter.native事件和中文输入法状态下输入的英文产生的冲突。

最新推荐文章于 2024-06-04 17:22:24 发布

拳击俱乐部

最新推荐文章于 2024-06-04 17:22:24 发布

阅读量1.1k

点赞数 4

CC 4.0 BY-SA版权

分类专栏：前端开发 Vue js

本文链接：https://blog.youkuaiyun.com/qq_42483780/article/details/103471457

前端开发同时被 3 个专栏收录

15 篇文章

订阅专栏

Vue

12 篇文章

订阅专栏

8 篇文章

订阅专栏

本文描述了在使用Element UI的ElInput组件时遇到的一个bug，当通过拼音输入admin并按回车键选择英文admin时，页面错误地提示账号密码错误。通过将@keyup.enter.native事件更改为@keypress.enter.native事件，成功解决了该问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在改bug的时候遇到测试提交的一个bug，拼音输入admin，敲击回车键选择英文admin时，页面提示账号密码错误。
代码：

有bug的
 <el-input v-model="formLogin.username" placeholder="输入账号" @keyup.enter.native="submitForm('formLogin')">
修改之后的
 <el-input v-model="formLogin.username" placeholder="输入账号" @keypress.enter.native="submitForm('formLogin')">