vue 自定义指令防抖

Posted qq_27449993

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 自定义指令防抖相关的知识,希望对你有一定的参考价值。

directives: 
    throttle: 
      bind: (el, value) => 
        var falg = null
        el.addEventListener('click', function (event) 
          if (falg) 
            event.stopImmediatePropagation()
           else 
            falg = setTimeout(() => 
              falg = null
            , 10000)
          
        , true)
      
    
  ,
<el-button type="primary"
                   icon="el-icon-check"
                   @click="submitForm"
                   v-throttle>确 定</el-button>

以上是关于vue 自定义指令防抖的主要内容,如果未能解决你的问题,请参考以下文章

vue自定义防抖&节流指令的实现&全局指令定义和使用-案例

手把手教你在vue中使用自定义指令全局封装防抖节流函数

vue中自定义指令组件化生命周期节流和防抖获取DOMmint-ui简介过渡和动画

vue防抖节流之v-debounce--throttle使用指南

摸鱼时间少? 是时候学会用Vue自定义指令进行业务开发了

vue防抖指令方法