按“enter回车”或者“失去焦点”实现输入框内容的修改

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

 <input
      @keyup.enter="$event.target.blur()"
      @blur="
        (e) => {
          editInput(e, todo);
        }
      "
    />
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值