按钮多次点击造成结果

 
// 防止处理多次点击
function noMultipleClicks(methods, info) {
    
    
    // methods是需要点击后需要执行的函数, info是点击需要传的参数
    let that = this;
      
	if(!that.noClick){
    
    
		 that.noClick=true;
		 setTimeout(()=>{
    
    
			  that.noClick=false;
		 },5000)
		 
		   if(info && info !== '') {
    
    
		       // info是执行函数需要传的参数
		       methods(info);
		   } else {
    
    
		       methods();
		   }
		 
	 } else{
    
    
		uni.showToast({
    
    
			title:"点击频率过快,5s后再试",
			icon:"none",
			duration:500
		})
	} 
	
}
//导出
export default {
    
    
    noMultipleClicks,//禁止多次点击
}

在main.js使用

//配置公共方法

import common from './common/noMultipleClicks.js'
Vue.prototype.$noMultipleClicks = common.noMultipleClicks;

实战应用:
在这里插入图片描述

打印查看:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45932157/article/details/125447484
今日推荐