vue里面函数防抖的使用和封装

函数防抖通俗来讲就是事件触发后在n秒内只执行一次,如果在n秒内再次触发事件,就重新计算函数执行时间

现在在vue项目中封装一个防抖函数结合promise

export function shake(ts = 600) {
let timer;
return new Promise(resolve => {
  if (timer) {
    window.clearTimeout(timer);
  }
  timer = window.setTimeout(() => {
    resolve(true);
  }, ts);
});
}

使用实例

this.shake( n );毫秒