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

news/2024/7/10 2:46:06 标签: vue, javascript

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

 <input
      @keyup.enter="$event.target.blur()"
      @blur="
        (e) => {
          editInput(e, todo);
        }
      "
    />

http://www.niftyadmin.cn/n/1263209.html

相关文章

安装显示没有安装环境_LED电子显示屏安装应用方案要求

1、 商场LED显示屏方案&#xff1a;商场购物中心内部LED显示屏主要作用&#xff1a;购物中心内部LED显示屏无非就是充当了广告屏的角色的同时也要满足应景设计&#xff0c;营造一个好的购物氛围&#xff0c;调动气氛。特点&#xff1a;个性化设计&#xff0c;与安装环境协调统一…

传统回纹图案_文创商品设计:有一种美叫中国传统图案

中国传统图案一定是吉祥的&#xff0c;既然是吉祥的&#xff0c;就与祈福有关。在中国民间&#xff0c;流传着许多含有吉祥意义的图案。每到年节或喜庆的日子&#xff0c;人们都喜欢用这些吉祥图案装饰自己的房间和物品&#xff0c;以表示对幸福生活的向往&#xff0c;对良辰佳…

【原创】MDI窗体程序中防止子窗体被多次实例化——Singleton(单例模式)的C#简易实现...

最近在做一个WinForm运用程序&#xff0c;用到了MDI窗体&#xff0c;遇到了很多麻烦其中一个就是怎样去解决不让子窗体被多次实例化 在网上搜索很久&#xff0c;找到了很多解决办法&#xff0c;在这里简介一下一些比较简捷的方式。 其实这个问题&#xff0c;就是经典的23种设计…

联想小新13pro锐龙版网卡_拯救纠结星人 | 联想小新Pro 13 2019 标压锐龙版轻薄本测评...

点击蓝字关注我们当各位小伙伴还在纠结入手哪款锐龙笔记本轻薄&#xff0c;便捷&#xff0c;高颜值&#xff0c;高性能小新Pro总是伴随着他们的出现让网友直呼“真香”的Pro13到底是怎样呢&#xff1f;全方位测评拯救你的纠结症带你深入了解小新pro13机身&#xff1a;轻薄金属 …

Adobe AIR 1.5 Linux.

Download Adobe AIR 1.5 for Linux 注意选择操作系统版本 Download Adobe AIR 1.5 SDK for Linux转载于:https://www.cnblogs.com/xxcainiao/archive/2008/12/22/1359867.html

opentracker.net 連絡します_日语口语中的「結構です」是赞同还是拒绝?

日本語教育において「結構です」を教えるのは結構難しい。特に上級者にはその使い方に戸惑いが見られる。例えば「お酒いかがですか」の答えに「結構です」と「結構ですね」では意味がまるで違ってしまう。「ね」が付くだけなのにどうしてこんなに違ってしまうの・・・、こんな…

和sk怎么认证 海康威视_怎么回事,海康威视走向平庸?

之前剖析了格力电器&#xff08;SZ:000651&#xff09;近3年市值徘徊不前的核心原因&#xff0c;也探讨了未来格力突破的潜在方向。同样作为中国制造业骄傲的安防巨头海康威视(SZ:002415)&#xff0c;虽处不同的赛道&#xff0c;但也遭遇了基本同样的“悬停”。海康威视于2010年…

FLEX gumbo实例:检测FxTextArea控件滚动条的位置.

你首先需要学会在FLEX BUILDER3中编写&#xff0c;编译gumbo的方法&#xff1a; 这里有教程&#xff1a;http://www.cnblogs.com/xxcainiao/archive/2008/11/24/1339865.html FLEX gumbo实例--检测FxTextArea控件滚动条的位置. 代码&#xff1a; <?xml version"1.0&q…