ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

当输入框为空的时候设置复选框选择无效

2022-09-10 11:33:35  阅读:166  来源: 互联网

标签:checked clearTimeout 复选框 输入框 为空 timeflag false setTimeout


在这里插入图片描述
这个功能主要实现思路是使用定时器来延时控制,代码如下:

watch: {

    //条件控制复选框的状态
    checked: {
      handler() {
        if(this.checked == false) this.$message.warning('未连接或者时隔为空');
        if(this.start_wb == false || this.time == ''){
          setTimeout(()=>{ this.checked=false; clearTimeout(this.setTimeout);},100)
        }else {
          if(this.checked == true) {
            //根据复选框的值决定是否开启定时发送功能
            this.timeflag = true
            this.autoSend()
          }else {
            clearTimeout(this.timer);  //清除延迟执行
            this.timeflag = false;
          }
        }
      }
    },
  }

标签:checked,clearTimeout,复选框,输入框,为空,timeflag,false,setTimeout
来源: https://www.cnblogs.com/little-monster-lhq/p/16676204.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有