正文

防抖-小程序-input输入频繁时搜索出bug

IP云
IP云V管理员/5 阅读
08/28
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

html:

<input type="text" class="input_search" placeholder="搜索周边店铺" bindinput='getInputValue'></input>
 
js:
  getInputValue(e) {
    let {input_timeOut} = this.data
    if(input_timeOut) {
      clearTimeout(input_timeOut)
    }
    input_timeOut = setTimeout(() => {
      this.setData({inputValue: e.detail.value}) // value，获取到的值
    }, 300);
    this.setData({input_timeOut}) // 计时器
  },