效果图：
【微信小程序|【uni-app】搜索框的防抖处理】
文章图片
data() {
return {
timer: null
}
},
methods: {
search(res) {
clearTimeout(this.timer)//清除延时器
this.timer = setTimeout(() => { //重新开启新的延时器
console.log('请求接口', res)
}, 500)
}
}推荐阅读
- vue|Vue + ElementUI+ el-autocomplete 组件的防抖方案的懒加载
- vue.js|uni-app 实现搜索框的防抖处理
- 前端|Web前端（应该使用ReactJS进行Web开发?）
- 前端眼中的Rust
- 15个提高Javascript开发の技巧
- vue引入高德地图
- 笔记|原生HTML，CSS，JS实现tab栏切换效果
- vue3|vue3调用高德天气
- 前端|9.06 Day47---Element UI局部组件库的使用