前言
在日常的开发中,经常会忽略掉按钮的重复点击提交,结果就是被细心的测试妹纸狂点按钮测试到不正常啦,哈哈哈哈。
那么我们该怎么来实现按钮的重复提交呢?
进入正题:
思路:
首先我们设置一个开关,当这个按钮被点击的时候,马上关掉开关,一直等程序运行完;后续如果还需要点击,再放开就好了
上代码
let switch = false;
doSomething() {
if (switch) {
return false;
}
switch = true;
promise().then(res => {
switch = false;
}).catch(() => {
switch = false;
});
}
这就完成了一个开关了;每次点击按钮后只能调用一个接口;除非这个接口响应了后才可以继续点击哦。
如果有更好的方法,欢迎交流
❤️ 看完两件事
如果你觉得这篇内容对你挺有启发,我想邀请你帮我两个小忙:
- 点个「
赞
」,把这篇内容分享到你的QQ/微信群,让更多的人也能看到 -_-, - 关注公众号「IT平头哥联盟」,一起进步,一起成长!
JS中文网 - 前端进阶资源教程 www.javascriptC.com
一个致力于帮助开发者用代码改变世界为使命的平台,每天都可以在这里找到技术世界的头条内容![]()
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。