uni-app 实现搜索框的防抖处理

  1. 在 data 中定义防抖的延时器 timerId 如下:
        data() {
          return {
            // 延时器的timerId
            timerId:null,
            // 搜索关键词
            kw:''
          }
        },
  2. 修改 input 事件处理函数如下:
    methods: {
      input(value) {
        // 清除timer对应的延时器
        clearTimeout(this.timerId)
        // 重新启动一个延时器,并把timerId赋值给this.timer
        this.timerId = setTimeout(() => {
          // 如果500毫秒内,没有触发新的输入事件,则为搜索关键词赋值
          this.kw = value
          // value是最新的搜索内容
          console.log(this.kw)
        },500)
      }
    }

你可能感兴趣的:(vue.js,javascript,前端)