[vue]防抖(debounce) 和 节流(throttling)

debounce.js
import Vue from "vue"
Vue.directive("debounce", {
    inserted: function (el, binding) {
        let timer
        el.addEventListener('click', () => {
          if (timer) {
            clearTimeout(timer)
          }
          timer = setTimeout(() => {
            binding.value()
          }, 1000)
        })
      },
})

 

posted @ 2021-11-15 14:53  coffeemil  阅读(101)  评论(0编辑  收藏  举报