问题:
由于需求登录回车后需要弹出弹框输入谷歌验证码,于是有了回车事件不生效的问题。
解决办法
@keyup.enter="事件名称"
这个只存在于普通的页面当中,比如登录中的按钮。
弹窗中的回车事件需要在dialog上加事件
@keydown="handleKeyDown"
const handleKeyDown = (event) => {
if (event.code === "Enter") {
event.preventDefault(); // 阻止默认行为
checkGoogleAuthCode(form.code);
}
};
重要的是阻止默认事件,因为弹窗中的回车默认是关闭弹窗。
这样就ok了。