最近做一个简单的todo应用时,有这样一个场景:某个输入框中点击回车(@keyup.enter)和失去焦点(@blue)这两个操作均可以触发修改数据的接口。然而每次按回车后又会触发@blur,接口会调用两次。但是又的确得加入这两个操作,仅适用一个操作会显得不友好。
因此考虑对@keyup.enter处理,回车触发失去焦点事件即可
如下:
<input
@keyup.enter="$event.target.blur()"
@blur="
(e) => {
editInput(e, todo);
}
"
/>