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

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

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

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

效果:

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

相关推荐
予安灵2 分钟前
XSS 攻击(详细)
前端·web安全·网络安全·网络攻击模型·xss·安全架构·xss攻击
工业互联网专业4 分钟前
基于springcloud微服务架构的巡游出租管理平台
java·vue.js·spring cloud·微服务·毕业设计·源码·课程设计
好_快14 分钟前
Lodash源码阅读-cloneArrayBuffer
前端·javascript·源码阅读
╰つ゛木槿15 分钟前
Vue与React区别分析
前端·vue.js·react.js
thinkQuadratic15 分钟前
vue修饰符
前端·javascript·vue.js
不吃香菜的猪15 分钟前
el-dialog实现遮罩层后面的内容也能点击
前端·javascript·vue.js
好_快18 分钟前
Lodash源码阅读-cloneTypedArray
前端·javascript·源码阅读
好_快19 分钟前
Lodash源码阅读-cloneDataView
前端·javascript·源码阅读
好_快20 分钟前
Lodash源码阅读-copySymbols
前端·javascript·源码阅读
好_快20 分钟前
Lodash源码阅读-copySymbolsIn
前端·javascript·源码阅读