小程序 input输入 防抖

2,987 阅读1分钟

小程序input输入的时候 如果输入 速度太快 请求还没有成功 会出现问题

比如 我搜索 135 可能发送请求的时候 关键词只是13

解决方案就是给input增加防抖, 等用户600ms内 无操作的时候采取发送请求

  • 1.在data里面声明一下 timeout

  • 2.在input的banginput事件中 处理 防抖

this.pageData.params.KeyWords = e.detail.value;
    if (this.timeout) 
    clearTimeout(this.timeout);
    this.timeout = setTimeout(() => {
        this.GetCapitalFlowRecords(this, true)
    }, 600);
this.$apply();