vue 笔记总结

最新推荐文章于 2024-03-18 14:37:57 发布

maktubK

最新推荐文章于 2024-03-18 14:37:57 发布

阅读量214

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/lemaktub/article/details/117808758

版权

vue 专栏收录该内容

5 篇文章

订阅专栏

1.自定义指令去抖

html
<button @click="sayHello" ref="target" v-throttle>提交</button>

js
Vue.directive('throttle', {
  bind: function (el, binding) {
    let throttleTime = binding.value // 节流时间
    if (!throttleTime) { // 用户若不设置节流时间，则默认2s
      throttleTime = 2000
    }
    let cbFun
    el.addEventListener('click', () => {
      el.isDisableClick = true
      if (!cbFun) {
        cbFun = setTimeout(() => {
          el.isDisableClick = false
          cbFun = null
        }, throttleTime)
      }
    }, true)
  }
})