vue获得焦点事件处理函数中控制其失去焦点，但是失去焦点后该获得焦点事件一直被触发

当input获取焦点的时候需要判断另一个操作是否已完成，否则需要引导用户先去执行另一个操作，是则允许输入。

另一个操作跟当前操作是在同一个页面上，无法通过“下一步”进行控制。

解决思路是：

当input获取焦点的时候，判断是否满足条件，如果否，则弹出提示引导用户先做另一步操作，然后使当前input失去焦点。

但问题是：

代码如下：

在输入框绑定focus事件：

测试：没有选择合同，输入框获得焦点，弹出了提示。

问题：用户点确定后，同样的提示又会弹出，如此死循环。

现在换了解决思路，问题先记录，有时间再研究。

更新：

还是原来的解决思路，改了一行代码的位置就不会出现这个问题了。如下：

vue获得焦点事件处理函数中控制其失去焦点，但是失去焦点后该获得焦点事件一直被触发相关推荐

Vue.js：vue指令（给标签属性赋Vue变量v-bind，绑定事件 v-on）vue事件处理函数中, 拿到事件对象，6个事件修饰符
1. 给标签属性赋Vue变量v-bind 在vue中,v-bind指令可以动态的给标签的属性设置值, 语法:v-bind:属性名="vue变量" 简写::属性名="vue ...
react事件处理函数中绑定this的bind()函数
问题引入 import React, { Component } from 'react'; import {Text,View } from 'react-native';export defaul ...
浅谈事件处理函数中的参数(object sender, EventArgs e)
(object sender, EventArgs e)是C#常见的事件消息参数,这两个参数具体表示什么意思呢? sender是事件源,表示触发事件的那个组件, 如(button/l ...
【已解决】VUE项目将访问路径中的local host换成本机IP后项目访问失败
解决方案: 找到config文件夹下的index.js,把host的值换成0.0.0.0即可.如果使用的是IDEA的编辑工具的话,可以直接进行全局搜索启动项目的端口号来直接找到,然后修改host的值( ...
怎么在FLASH的场景中控制影片剪辑的播放和停止
<--好消息!好消息!好消息! 粉丝超过2000的公众号主快来接单吧,快来领取你的第一笔广告费.(粉丝数不够的小伙伴,请私信我一并解决) 新用户注册红包1.8元,新用户注册并接单红包9.9元. ...
onsubmit和submit事件处理函数怎么不生效呢？
原文链接前言最近在用Polymer增强form,使其支持表单的异步提交,但发现明明订阅了onsubmit和submit事件,却怎么也触发不了.下面我们将一一道来. 提交表单的方式表单仅含一个以 ...
【原创翻译】深入理解javascript事件处理函数绑定三部曲（一）——早期的事件处理函数...
原文并非是是三部曲,而是一系列讲解javascript基础的文章.我是把其中三篇抽出来,作为一个整体,对理解事件绑定模型相当有帮助,原文在这里http://www.quirksmode.org/js/ ...
vue 执行函数this_vue回调函数中this无效
在vue中使用回调函数,发现函数体中使用this无效,无法调到methods里面定义的getCurrentExtent()函数. handler.setInputAction(function(whe ...
vue中控制浏览器滚动
vue中控制浏览器滚动最近的业务中需要用到控制浏览器滚动到对应位置的问题,pc端用到的是vue框架,业务是点击题目题号,定位到相对应的题目(相信业务中会经常遇到哈),首先想到的肯定就是js老大哥了, ...

vue获得焦点事件处理函数中控制其失去焦点，但是失去焦点后该获得焦点事件一直被触发

vue获得焦点事件处理函数中控制其失去焦点，但是失去焦点后该获得焦点事件一直被触发相关推荐

最新文章

热门文章