/**
* @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--输入框防抖实现
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 节流函数(throttle)就是让事件处理函数在大于等于执行周期时才能执行,周期之内不执行,即事件一直被触发,那么...
- <template> {{ keyWrod }} </template> import { customRef...
- 监听输入框变化 通过@input监听更新数据,实现只能输入数字,而且可以自行定制限制输入内容 此方法可以满足需求,...
- input中禁止输入小数和负数(只允许输入正整数) 做法一:利用禁止按键的方法,主要是依靠禁止按下减号以及小数点来...