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

vue获得焦点事件处理函数中控制其失去焦点,但是失去焦点后该获得焦点事件一直被触发当input获取焦点的时候需要判断另一个操作是否已完成,否则需要引导用户先去执行另一个操作,是则允许输入。另一个操作跟当前操作是在同一个页面上,无法通过“下一步”进行控制。解决思路是:当input获取焦点的时候,判断是否满足条件,如果否,则弹出提示引导用户先做另一步操作,然后使当前input失去焦点。但问题是:代码如下:在输入框绑定focus事件:测试:没有选择…

大家好,又见面了,我是你们的朋友全栈君。

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

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

解决思路是:

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

但问题是:

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

代码如下:

在输入框绑定focus事件:

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

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

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

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

更新:

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/150395.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mshtml相关「建议收藏」

    牛人翻译的文章:http://blog.csdn.net/jiangsheng/article/details/3793

    2022年4月7日
    39
  • txt文本格式怎么转换成excel_文本格式转换为日期

    txt文本格式怎么转换成excel_文本格式转换为日期将txt文本转换为excel格式,中间使用的列分割为tab键==一、使用xlwt模块注:Excel2003一个工作表行数限制65536,列数限制256需要模块:xlwt模块安装:xl

    2022年8月5日
    3
  • 轨迹规划——Bezier曲线与B样条曲线

    轨迹规划——Bezier曲线与B样条曲线一、Bezier曲线1、Bezier曲线的背景给定n+1个数据点,p0~pn,生成一条曲线,使得该曲线与这些点描述的形状相符。(如果要求曲线通过所有数据点,则属于插值问题;如果只要求曲线逼近这些数据点,则属于逼近问题。)2、Bezier曲线的定义p(t)=∑i=0naifi,n(t)p(t)=\sum_{i=0}^na_if_{i,n}(t)p(t)=i=0∑n​ai​fi,n…

    2022年6月20日
    38
  • Java面试题超详细讲解系列之八【SQL优化篇】[通俗易懂]

    Java面试题超详细讲解系列之八【SQL优化篇】[通俗易懂]52条SQL优化合集,专栏持续更新中

    2022年8月29日
    0
  • Zabbix 监控Redis

    Zabbix 监控Redis网上有大量zabbix监控redis的文章,但大多数不详细,而我按一下方法成功了,所以转载了此博主的文章此按照以下配置好后,会遇到一个问题:后查明是由于监控shell脚本格式问题请按:http://www.2cto.com/os/201305/215945.html 处理shell脚本和模版看文章的最下面一、配置zabbix插件

    2022年6月11日
    135
  • linux+shell脚本100,shell脚本(shell编程100例)

    linux+shell脚本100,shell脚本(shell编程100例)ShellScript,Shell脚本与Windows/Dos下的批处理类似,也便是用各类指令预先放入到一个文件中,便利一次性执行的一个程序文件,主要是便利办理员进行设置或许办理用的。可是它比Windows下的批处理更强大,比用其他编程程序修改的程序功率更高,它使用了Linux/Unix下的指令。shell编程100例1、编写helloworld脚本#!/bin/bash#编写helloworld…

    2022年10月3日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号