vue防止按钮在短时间内被多次点击的方法

vue组件

  (function(){
        let openDelay=false;
        ('intervalclick', function(el,binding){
            =function(e){
                if(openDelay)return;
                openDelay=!openDelay;
                if (!) {
                    alert("未传入Value数据！");
                    return;
                }
                let func = ['func'];
                let time=['time'];
                if(typeof time !=='number'){
                    alert("传入等待时间错误");
                    return;
                }
                let args=[];
                for (const key in ) {
                    if ((key)) {
                        if(key==='func'||key==='time')continue;
                        ([key])
                    }
                }
                setTimeout(() => {
                    openDelay=!openDelay; 
                }, time);
                func(...args);
            }
        })
    })()

使用

 <button v-intervalclick='{func:执行方法,time:间隔时间(毫秒数),...执行方法所需要的参数}'>点击</button>

转载于:/yan7/p/