在vue中使用element-ui 里面的按钮点击后显示加载中，防止重复提交

点击前：

点击后：

<el-button type="primary" @click="checkAuditsubmit" :loading="loadingbut">{{loadingbuttext}}</el-button>

在data中定义变量

data(){loadingbut:false,//审核提交加载中loadingbuttext:'确定',
}

在事件方法中

checkAuditsubmit() {this.loadingbut = true;this.loadingbuttext = '审核中...';
......
访问接口获取成功以后再改变状态this.loadingbut = false;this.loadingbuttext = '确定';
}

还可以添加disabled来防止按钮重复提交

**
使用:disabled=”isDisabled” 来判断，isDisabled默认为false，当用户点击按钮后，将isDisabled置为true，当增加或修改完毕后，在将isDisabled置为false即可

在vue中使用element-ui 里面的按钮点击后显示加载中，防止重复提交相关推荐

微信小程序在使用wx.request时显示加载中
我们可以用wx.showLoading(OBJECT),当请求服务器的地方多了,怎么才能不每次都要去调用函数,我们只要对wx.request加工下就可以了,在utils下新建js文件network.j ...
ajax 延迟显示加载中提示
近期做项目时用到了jquery的ajax,我希望实现"加载时提示用户"的功能,于是先习惯性的度娘谷哥了下,发现按照网上朋友所说的做,每次加载都会提示,不符合我的需求.于是我改进了下 ...
js文件加载显示状态码206，导致页面一直显示加载中
一.问题现象: 用户反馈平台一直显示加载中,无法登录平台,因没有其他用户反馈,且我方验证时可以打开平台,采用了如下方式均未解决问题: 1.换浏览器使用 2.清除浏览器缓存 3.咨询服务部署方是否对用户 ...
Dialog显示加载中
移动端的的网络情况有的时候是很不稳定的(在地下室额,气死人)或是使用某些运营商的SIM卡,有的时候进出地铁就会没信号,所以造成数据加载很慢,假如我们没有对这块做处理,App的使用者就会很烦躁(一般不超 ...
小程序showLoading：网络请求前显示“加载中...”，请求完成时关闭加载中
showLoading加载中提示框显示,以及消除提示框 wx.showLoading({title: '加载中...', })wx.request({url: '',success(res){},fa ...
Navicat操作数据库时一直显示加载中
用Navicat for mysql操作mysql数据库,其中一个表怎么也打不开,一直加载,还不能关闭.从网上搜索原因,主要是以下几个原因: 原因一: 表死锁,会出现这样的情况,锁不释放,无论多久都读 ...
ajaxsubmit怎么显示加载中_电脑绝技教你怎么优化第一宇宙Visual Studio编辑器性能...
虽然Visual Studio很好用,但是太大了,运行速度也相对慢一些,正对的起它的第一宇宙编辑器的称号.下面就来说说怎么优化下它的速度吧!我以我的VS2017为例如子一升级到最新版,微软会优化性能 ...
【uniapp】微信小程序体验版的下载文件一直显示加载中，开发调试则没有问题
需求:点击列表,下载文件并打开文件预览代码: // 点击列表showvideo(item) {const Token = uni.getStorageSync('GetPhone_Token')if ...
Navicat操作数据库时候一直显示加载中
一.原因有如下几点: 1.表死锁,锁不释放,无论多久都显示正在加载中 2.表中的数据量太大造成的 3.网络比较慢,卡顿,数据无法传输导致的二.分析结果: 大部分的原因都是原因一导致的. 三.解决办法 ...

在vue中使用element-ui 里面的按钮点击后显示加载中，防止重复提交

还可以添加disabled来防止按钮重复提交

在vue中使用element-ui 里面的按钮点击后显示加载中，防止重复提交相关推荐

最新文章

热门文章