输入搜索,防抖动 思路

用input 的change方法

然后再用setTimeout , 比如1秒之内,拿1秒前的值和现在的值对比,如果发生变化,则说明用户在输入

如果1秒前的值和当前的值一样,就说明用户没有连续输入
如果用户没有连续输入,就去调接口搜索

searchEvent (e) {  //搜索  修改,未避免搜索太过频繁  一秒内如果值没有变化,那么就进行数据搜索
     let oldValue = this.parentpras.keyword
     // console.log('????当前输入的值', e.target.value)
      setTimeout(() => {
         // console.log('之前输入的值', oldValue)
         if (oldValue != e.target.value) {
                return
          } else {
              //调用接口
          }
      },1000)
}

  

posted @ 2020-07-07 14:47  豆豆是我  阅读(624)  评论(0编辑  收藏  举报