uniapp，小程序防止二次点击问题，解决方案
【uniapp，小程序防止二次点击问题，解决方案】背景：小程序有的地方点击 如果请求比较慢，就会打开两次新页面，所以这里对用户短时间双击进行了处理
如果有更好的方法 请留言哦 我参考学习下
我也是参考了别人的：https://blog.csdn.net/weixin_...
1.封装公共方法
export function disableDoubleClick(fn, flag, data = https://www.it610.com/article/{}) {
let that = this;
//这里flag 也是为了防止一个页面多个点击事件if (that[flag]) {
that[flag] = false;
fn(data);
setTimeout(function() {
that[flag] = true;
}, 1500)
} else {
//如果一直走else分支可能是你没有在页面的data下面挂载flag:true,不然一直都会走else
console.log("请稍后点击")
}
}
2.挂在在vue中
import { disableDoubleClick } from '../utils/utilsFn.js'
Vue.prototype.$disableDoubleClick = disableDoubleClick;
- 需要的页面使用
开始提货
历史提货 注意data定义一下，这里可能我处理的复杂了，可以优化
data(){
return {
onoff:true,
onoff1:true,
}
}推荐阅读
- 卡颂（30岁程序员选择躺平）
- 宜搭小技巧｜找不到应用怎么办（群应用一键直达）
- 一起来学习C语言的程序环境与预处理
- 搜狗|微信十年，张小龙爆了个大瓜，究竟是谁在监视你的手机（）
- 程序员|2021年Java开发实战！java开发常用linux命令
- 程序员|2021吊打面试官系列！mysql去重查询方法优化
- 计算机网络|计算机网络期末4小时速成
- java|java 发展方向_Java程序员的发展方向有哪些
- flutter开发|Flutter--获取父组件约束大小
- 苹果se2_小米学习苹果（即将发布小屏手机，卢伟冰微博喊话网友|卢伟冰|手机|iphone|安卓手机...）