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

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

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

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

效果:

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

相关推荐
mubeibeinv9 分钟前
列表代码思路
前端
过期的H2O210 分钟前
【H2O2|全栈】JS进阶知识(十)ES6(6)
开发语言·前端·javascript·ecmascript·es6
念怀故安15 分钟前
第十章 JavaScript的应用
开发语言·javascript·ecmascript
White graces17 分钟前
Spring MVC练习(前后端分离开发实例)
java·开发语言·前端·后端·spring·java-ee·mvc
2401_8827264821 分钟前
web组态可视化编辑器
前端·物联网·前端框架·编辑器·web·iot
前端郭德纲25 分钟前
React Native 性能调试指南
javascript·react native·react.js
努力学习的木子26 分钟前
跨域问题?同源策略大全
前端
○陈30 分钟前
vue2面试题10|[2024-11-24]
前端·javascript·vue.js
米奇妙妙wuu31 分钟前
react实现模拟chatGPT问答页
前端·react.js·chatgpt·前端框架
在荒野的梦想34 分钟前
Vue-TreeSelect组件最下级隐藏No sub-options
前端·javascript·vue.js