其他分享
首页 > 其他分享> > vue自定义指令函数节流和防抖

vue自定义指令函数节流和防抖

作者:互联网

节流

  directives: {
    // 自定义指令
    throttle: {
      inserted: function(el, obj) {
        let timerId = null
        let flag = true
        el.addEventListener('input', function() {
          if (!flag) return
          flag = false
          timerId && clearTimeout(timerId)
          timerId = setTimeout(function() {
            flag = true
            obj.value()
          }, 1000)
        })
      }
    }
  },

防抖

标签:function,el,防抖,vue,自定义,flag,timerId
来源: https://www.cnblogs.com/cqkjxxxx/p/14975522.html