vue实现按钮防抖
常用的表单提交中,如果不做按钮loading的处理,就需要给按钮配置防抖操作。废话不多说,上代码:第一步,以下代码写到工具类里面;// 防抖export const DebounceBy = (fn, t) => {let delay = t || 500let timerreturn function () {let args = argumen...
·
常用的表单提交中,如果不做按钮loading的处理,就需要给按钮配置防抖操作。
废话不多说,上代码:
第一步,以下代码写到工具类里面;
// 防抖
export const DebounceBy = (fn, t) => {
let delay = t || 500
let timer
return function () {
let args = arguments;
if (timer) {
clearTimeout(timer)
}
let callNow = !timer
timer = setTimeout(() => {
timer = null
}, delay)
if (callNow) fn.apply(this, args)
}
}
第二步:在需要用到的地方,引入:
第三步,在method的方法里面直接使用
agree:DebounceBy(function(value){
/*写你自己的业务代码*/ },3000)
完毕
更多推荐
已为社区贡献6条内容
所有评论(0)