el-dialog中的回车事件

文章描述了如何在网页登录过程中,当需要输入谷歌验证码并弹出新窗口时,处理回车键导致的默认关闭行为。解决方案是在弹窗上添加`keydown`事件,阻止回车的默认关闭动作,确保验证码输入后可以正常工作。
摘要由CSDN通过智能技术生成

问题:
由于需求登录回车后需要弹出弹框输入谷歌验证码,于是有了回车事件不生效的问题。
解决办法

@keyup.enter="事件名称"

这个只存在于普通的页面当中,比如登录中的按钮。
弹窗中的回车事件需要在dialog上加事件

@keydown="handleKeyDown"
const handleKeyDown = (event) => {
  if (event.code === "Enter") {
    event.preventDefault(); // 阻止默认行为
    checkGoogleAuthCode(form.code);
  }
};

重要的是阻止默认事件,因为弹窗中的回车默认是关闭弹窗。

这样就ok了。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值