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

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

uni-app 实现搜索框的防抖处理最先出现在Python成神之路

版权声明:
作者:zhangchen
链接:https://www.techfm.club/p/12509.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>