vue.js|uni-app 实现搜索框的防抖处理前端|javascript

在 data 中定义防抖的延时器 timerId 如下：
data() { return { // 延时器的timerId timerId:null, // 搜索关键词 kw:'' } },
修改 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|uni-app 实现搜索框的防抖处理】