/**
* @param {Function} fn 防抖函数
* @param {Number} delay 延迟时间
*/
export function debounce(fn, delay) {
let timer = null
console.log(fn, delay)
return function () {
const context = this
const args = arguments
if(timer) clearTimeout(timer);
timer = setTimeout(function () {
fn.apply(context, args)
timer = null
}, delay)
}
}
// 使用
onSearch: debounce(function() {
this.changeCaseName()
}, 500),
vue--输入框防抖实现
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 节流函数(throttle)就是让事件处理函数在大于等于执行周期时才能执行,周期之内不执行,即事件一直被触发,那么...
- <template> {{ keyWrod }} </template> import { customRef...
- 监听输入框变化 通过@input监听更新数据,实现只能输入数字,而且可以自行定制限制输入内容 此方法可以满足需求,...
- input中禁止输入小数和负数(只允许输入正整数) 做法一:利用禁止按键的方法,主要是依靠禁止按下减号以及小数点来...