输入框输入搜索节流函数

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

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


        this.time = setTimeout(() => {

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

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

 
        })
        ///你自己的接口请求
      },
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容