输入框输入搜索节流函数

2022-11-01  本文已影响0人  舒塔先生

我们做输入搜索的时候并不希望看到每输入一个拼音就向服务器发送一次请求,这样会对服务器造成一定的压力,这里跟大家分享一个自己写的节流函数,每输入停止两秒后触发一次请求,两秒内再次输入重置两秒计时

    inputValueChange (query) {
        //输入搜索节流函数
        //query输入的字符串
        this.realTimeInputValue = strRep(query)


        this.time = setTimeout(() => {

          if (query == this.realTimeInputValue ) {
            //停止输入2秒后执行搜索
       
            this.markSure(); // 调用写好的方法

          }
        }, 2000)
      },
      markSure () {
       ///你自己的接口请求
        postRequest('/*******', {
       
        }).then(res => {

 
        })
        ///你自己的接口请求
      },
上一篇 下一篇

猜你喜欢

热点阅读