前言

在日常的开发中,经常会忽略掉按钮的重复点击提交,结果就是被细心的测试妹纸狂点按钮测试到不正常啦,哈哈哈哈。

那么我们该怎么来实现按钮的重复提交呢?

进入正题:

思路:
首先我们设置一个开关,当这个按钮被点击的时候,马上关掉开关,一直等程序运行完;后续如果还需要点击,再放开就好了

上代码

let switch = false;

doSomething() {

  if (switch) {

    return false;

  }

  switch = true;

  promise().then(res => {

    switch = false;

  }).catch(() => {

    switch = false;

  });

}

这就完成了一个开关了;每次点击按钮后只能调用一个接口;除非这个接口响应了后才可以继续点击哦。

如果有更好的方法,欢迎交流

❤️ 看完两件事

如果你觉得这篇内容对你挺有启发,我想邀请你帮我两个小忙:

  1. 点个「」,把这篇内容分享到你的QQ/微信群,让更多的人也能看到 -_-,
  2. 关注公众号「IT平头哥联盟」,一起进步,一起成长!
JS中文网 - 前端进阶资源教程 www.javascriptC.com
一个致力于帮助开发者用代码改变世界为使命的平台,每天都可以在这里找到技术世界的头条内容
JS中文网 - 前端进阶资源教程,领略前端前沿,关注IT平头哥联盟

Mark
52 声望4 粉丝

用心分享,做有梦想的攻城狮;