vue防止用户连续点击造成多次提交

**中心思想:**在第一次提交的结果返回前,将提交按钮禁用。

**方法一:**给提交按钮加上disabled属性,在请求时先把disabled属性改成true,在结果返回时改成false

**方法二:**添加loading遮罩层,可以直接使用elementui等框架的loading,也可以使用自己搭建的遮罩层

效果:

**方法三:**给按钮点击事件添加防抖

相关推荐
Heo1 分钟前
关于XSS和CSRF,面试官更喜欢这样的回答!
前端·javascript·面试
7***A44323 分钟前
Vue自然语言处理应用
前端·vue.js·自然语言处理
徐小夕40 分钟前
耗时一周,我把可视化+零代码+AI融入到了CRM系统,使用体验超酷!
javascript·vue.js·github
高阳言编程41 分钟前
vue2 + node + express + MySQL 5.7 的购物系统
前端
5***a9751 小时前
React Native性能优化技巧
javascript·react native·react.js
y***54881 小时前
React依赖
前端·react.js·前端框架
2***B4491 小时前
React测试
前端·react.js·前端框架
A3608_(韦煜粮)1 小时前
深入理解React Hooks设计哲学与实现原理:从闭包陷阱到并发模式
javascript·性能优化·react·前端开发·react hooks·并发模式·自定义hooks
5***o5001 小时前
React自动化测试
前端·react.js·前端框架
T***u3331 小时前
React部署
前端·react.js·前端框架