VUE 防抖与节流

2021-07-06  本文已影响0人  小碗吃不了
// 防抖函数
export function debounce(fn, delay){
  let timeout = null
  return function(){
    let args = arguments
    if(timeout) window.clearTimeout(timeout)
    timeout = setTimeout(() => {
      fn.apply(this, args)
    }, delay)
  }
}
// 节流函数
export function throttle(fn, wait){
  let timeout = null
  return function(){
    let args = arguments
    if(!timeout){
      timeout = setTimeout(() => {
        timeout = null
        fn.apply(this, args)
      }, delay)
    }
  }
}

// 事件调用
methods: {
  handleClick(){
    this.debounce(this)
},
  debounce: debounce((vm) => {
  // do something,这里this不指向Vue实例,用vm传入
  }, 1000),
}
上一篇下一篇

猜你喜欢

热点阅读