当前位置: 首页 > Web前端 > vue.js

uniapp,小程序防止双击问题,解决方法

时间:2023-04-01 02:10:46 vue.js

背景:如果小程序某些地方请求慢,新页面会打开两次,所以这里给用户短时间双击.如果有更好的方法请留言。我是参考别人学习的:https://blog.csdn.net/weixin_...1.封装公共方法导出函数disableDoubleClick(fn,flag,data={}){letthat=this;//flag这里也是为了防止页面上的多次点击事件if(that[flag]){that[flag]=false;fn(数据);setTimeout(function(){that[flag]=true;},1500)}else{//如果一直走到else分支,可能是页面的data下没有挂载flag:true,否则你将永远去elseconsole.log("Pleaseclicklater")}}2。从'../utils/utilsFn.js'Vue.prototype.$disableDoubleClick=disableDoubleClickinvue挂起导入{disableDoubleClick};使用开始取货历史取货注意data的定义,这里可能我处理比较复杂,可以优化data(){return{onoff:true,onoff1:true,}}