前言
在日常的开发中,经常会忽略掉按钮的重复点击提交,结果就是被细心的测试妹纸狂点按钮测试到不正常啦,哈哈哈哈。
那么我们该怎么来实现按钮的重复提交呢?
进入正题:
思路:
首先我们设置一个开关,当这个按钮被点击的时候,马上关掉开关,一直等程序运行完;后续如果还需要点击,再放开就好了
上代码
let switch = false;
doSomething() {
if (switch) {
return false;
}
switch = true;
promise().then(res => {
switch = false;
}).catch(() => {
switch = false;
});
}
这就完成了一个开关了;每次点击按钮后只能调用一个接口;除非这个接口响应了后才可以继续点击哦。
如果有更好的方法,欢迎交流
❤️ 看完两件事
如果你觉得这篇内容对你挺有启发,我想邀请你帮我两个小忙:
- 点个「
赞
」,把这篇内容分享到你的QQ/微信群,让更多的人也能看到 -_-, - 关注公众号「IT平头哥联盟」,一起进步,一起成长!
+ 更多文章
+ 被问机率高达99.6%的Vue面试题
+ 面试官到底想看什么样的简历?
+ 高频面试题之JavaScript的数组有什么特殊不同吗
JS中文网 – 前端进阶资源教程 www.javascriptC.com
一个致力于帮助开发者用代码改变世界为使命的平台,每天都可以在这里找到技术世界的头条内容
看完两件小事
如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:
- 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
- 关注公众号 「画漫画的程序员」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程
本文著作权归作者所有,如若转载,请注明出处
转载请注明:文章转载自「 Js中文网 · 前端进阶资源教程 」https://www.javascriptc.com