当前位置: 开发笔记 > 前端 > 正文

防止在每个输入/惰性输入上触发输入事件？

作者：谭宏景 | 来源：互联网 | 2022-10-17 11:48

如何解决《防止在每个输入/惰性输入上触发输入事件？》经验，是哪儿的问题？

我有一个textfield组件，它将字符串作为参数并在输入上触发输入事件。然后，使用方组件可以更新此值。

此输入组件使用此示例代码



消费组件可以使用此示例代码

    

    


这种方法确实很好用，但让我们假设NameInput组件将处理ID，并且该fieldUpdated方法将根据提供的ID输入触发API调用。该ID的长度为8个字符，并且在键入此ID时，API调用将失败7次，然后再写入正确的ID。

我想提供一个选项，以防止在每个输入上触发输入事件。

假设我要输入ID，然后跳到另一个输入字段，然后离开该字段将触发输入事件。我该如何实现？




    
        
                        vue.js
                    
    



    
        写下你的评论吧 !
        
            
                吐个槽吧,看都看了
            
            
                
                                        会员登录 | 用户注册
                                    
                
            
        

        
    

    
        推荐阅读
        
            
                                
                    
                        vue.js
                        Django day32  跨域问题，创建vue项目，axios的使用
                    

                    
                                                
                        一：跨域问题1、同源策略(浏览器的安全策略)　　　　只允许当前页面朝当前域下发请求,如果向其他域发请求,请求可以正常发送,数据也可以拿回,但是被浏览器拦截了　　2、c ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-17 16:32:38
                    

                

                
                                
                    
                        vue.js
                        图片未存储在Laravel 6中
                    

                    
                                                
                        我尝试使用Vue.js在Laravel中实现imageupload吗？但是，我不知道为什么图像 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-17 16:28:18
                    

                

                                
                    
                    
                
                
                                
                    
                        view
                        [Vue.js 3.0] Guide – Advanced Guides – Reactivity – Reactivity Fundamentals
                    

                    
                                                
                        #ReactivityFundamentals#DeclaringReactiveState ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-16 13:19:21
                    

                

                
                                
                    
                        js
                        Vue案例（搜索页面）
                    

                    
                                                
                        <!DOCTYPEhtml><htmllang=en><head><metacharset=UT ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-16 06:20:19
                    

                

                
                                
                    
                        js
                        批量调用后端接口来添加对象，但是添加之前要逐个检测有没有重复值存在，promise怎么写？
                    

                    
                                                
                        vue.js环境，页面上需要填写多个对象，批量向后台添加，目前已经在api.js中有两个接口：apiCheckDuplicated(name)apiCreateNew(name) ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-15 17:57:11
                    

                

                
                                
                    
                        vue.js
                        利用defineProperty实现数据的双向绑定
                    

                    
                                                
                        vue.js如何实现数据的双向绑定呢？与angular不同。vue利用的是es5的defineproperty特性。1.一个小例子 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-15 16:30:40
                    

                

                
                                
                    
                        view
                        Vue.Js_Vue之vue.js声明式渲染
                    

                    
                                                
                            
                        
                                                
                        篇首语：本文由编程笔记#小编为大家整理，主要介绍了Vue之vue.js声明式渲染相关的知识，希望对你有一定的参考价值。ht ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-15 10:01:48
                    

                

                
                                
                    
                        npm
                        安装npm  vue脚手架搭建vue项目
                    

                    
                                                
                            
                        
                                                
                        vue安装最全步骤、脚手架搭建环境1.首先查看是否安装node.js因为整个vue环境里边的npm是基于node的.查看方式是在命令窗口中查看版本快捷键windowR输入nod ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-14 19:53:06
                    

                

                
                                
                    
                        npm
                        Vuepress 搭建带评论功能的静态博客的实现
                    

                    
                                                
                        vuepress是Vue驱动的静态站点生成工具本文仅介绍，搭建静态博客的过程，具体教程及文档请点击进入vuepress中文网点击查看项目代码vuepress初始化下面初始化#将github新创建的仓库克隆到本地 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-14 19:03:29
                    

                

                
                                
                    
                        button
                        Vue的组件化
                    

                    
                                                
                            
                        
                                                
                        文章目录Vue的组件化一、认识组件化1.什么是组件化2.组件化思想二、注册组件1.组件的使用步骤三、组件其他补充1.全局组件和局部组件2.父组件和子组件3.组件的语法糖写法4.组件 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-14 16:47:59
                    

                

                
                                
                    
                        vue.js
                        vue.js打包发布，如何避免import导入样式文件冲突？
                    

                    
                                                
                        项目有两个业务页面，样式几乎完全相同，于是我把这部分样式提取出去了，通过 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-14 16:40:35
                    

                

                
                                
                    
                        label
                        支持嵌套对象、多级数组的Vue动态多级表单组件 —— vuedynamicformcomponent
                    

                    
                                                
                        方便不想看完全篇文章的童鞋，简单总结一下，这是篇软广，主要是推广自己在业务中沉淀的一个开源组件vue-dynamic-form-component。基于element-ui实现的v ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-14 13:11:06
                    

                

                
                                
                    
                        js
                        vue.js2.0点击获取自己的属性和jquery
                    

                    
                                                
                            
                        
                                                
                        <!DOCTYPEhtml><html><head><metacharsetUTF-8><title>< ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-14 12:51:54
                    

                

                
                                
                    
                        vue.js
                        Vue2 Vuex 多人博客系统：共享创作与交流平台
                    

                    
                                                
                        多人博客体系断断续续写了个单页面的博客体系,实际上是想给我和我的小伙伴写日记用的,租了do服务器,express写接口,用nginx反向代办,也算是练练手。不得不说外洋的服务器照样 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-14 12:27:26
                    

                

                
                                
                    
                        js
                        html css在线便宜,在线HTML、CSS和JS工具汇总
                    

                    
                                                
                            
                        
                                                
                        本文提供了在线HTML、CSS和JS工具汇总，它们都是直接在浏览器上可以使用的在线工具，基本上都是比较简单操作的，只适合简单的调试工作&# ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-13 19:46:50

















    

    
        
            
            
                
                
            

            
                谭宏景            

            
                这个家伙很懒，什么也没留下！            


        
    

    
    

    
    

    
        Tags | 热门标签
        
            
                                
                    textview
                
                                
                    vue
                
                                
                    checkbox
                
                                
                    chart
                
                                
                    scheme
                
                                
                    javascript
                
                                
                    focus
                
                                
                    react
                
                                
                    html5
                
                                
                    yarn
                
                                
                    vue.js
                
                                
                    console
                
                                
                    firefox
                
                                
                    jq
                
                                
                    listview
                
                                
                    postman
                
                                
                    chrome
                
                                
                    ajax
                
                                
                    charts
                
                                
                    js
                
                                
                    view
                
                                
                    webkit
                
                                
                    hybrid
                
                                
                    label
                
                                
                    requirejs
                
                                
                    iframe
                
                                
                    svg
                
                                
                    微信开发
                
                                
                    button
                
                                
                    npm
                
                                
            
        
    

    
    
        
            
            
        
        RankList | 热门文章
        
            
                                
                    1开发笔记:图片框可见性中的动画gif随委托子和后台线程而变化
                
                                
                    2我同学说逆战秒杀使命召唤12最高画质，是这样的吗
                
                                
                    3水波纹效果实现
                
                                
                    4K8s-helm简介及基本概念详解
                
                                
                    5C#.net时间戳转换
                
                                
                    6django中orm测试
                
                                
                    7oauth2.0协议之Implicit grant模式解析
                
                                
                    8网络对抗技术 实验四  恶意代码技术
                
                                
                    9proj.zoie.impl.indexing.ZoieConfig.setMaxBatchSize()方法的使用及代码示例
                
                                
                    10Mysql之EXPLAIN显示using filesort介绍
                
                                
                    11CSS 宽度属性
                
                                
                    12盕字意思 在新华字典的读音解释笔画常用组词起名
                
                                
                    13优化autoprefixer配置，让CSS适配不同浏览器
                
                                
                    14【精华】 mysql到底能够存储多少数据
                
                                
                    15交换机配置VLAN Cisco packet