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

开发项目时,如何限制界面被多次点击调用

时间:2023-03-31 20:52:34 vue.js

前言日常开发中,经常忽略按钮的重复点击,结果细心的测试妹子点击时按钮不正常按钮,哈哈哈。那么我们如何实现按钮的重复提交呢?进入正题:思路:首先我们设置一个开关,当按钮被点击时,立即关闭开关,等待程序运行完毕;如果您需要稍后单击,请放手。代码letswitch=false;doSomething(){if(switch){returnfalse;}开关=真;promise().then(res=>{switch=false;}).catch(()=>{switch=false;});}这是一个switch完成了;每次点击按钮,只能调用一个接口;除非界面有反应,否则可以继续点击。如果有更好的方法,欢迎交流??看了两篇,如果你觉得这篇内容对你很有启发,请你帮我两个小忙:点“赞”把这篇内容分享到你的QQ/微信群,让更多人看到-_-,关注公众号“IT平头哥联盟”,共同进步,共同成长!更多文章被问概率高达99.6%的Vue面试题面试官想看什么样的简历?javascript高频面试题数组有什么特别的区别吗?标题内容