- 在 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)
}
}