美文网首页
vue中input的change事件请求延迟方法

vue中input的change事件请求延迟方法

作者: 孤城致幻 | 来源:发表于2020-08-06 23:57 被阅读0次
    <input @input="change" value="" />  //绑定input事件
    
    methods:{
     change(value){  //接受input每次键入的value值
     if(!this.mark){   //判断一个未定义的mark值,如果为假进入判断
          this.mark=true    //把mark赋值为true,阻止下方定时器完成前,再次进入判断
        this.timer=setTimeout(()=>{     //创建一个定时器,一秒钟执行一次
            this.mark=false     //进入定时器后把mark改为假,为下次进入判断准备
            this.getlist(value)//  调用你写的数据请求方法
    },1000)
      }
        }
    }
    

    相关文章

      网友评论

          本文标题:vue中input的change事件请求延迟方法

          本文链接:https://www.haomeiwen.com/subject/cqhgrktx.html