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

2020-08-06  本文已影响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)
  }
    }
}
上一篇 下一篇

猜你喜欢

热点阅读