vue 实现element-ui中的加载中状态


Posted in Javascript onNovember 11, 2020

需要添加加载状态,调用下面方法即可

//开启loading
const load = _this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
//关闭loading
load.close();

补充知识:在vue中使用element-ui 里面的按钮点击后显示加载中,防止重复提交

第一步:

vue 实现element-ui中的加载中状态

第二步:

vue 实现element-ui中的加载中状态

第三步:

vue 实现element-ui中的加载中状态

效果

vue 实现element-ui中的加载中状态

以上这篇vue 实现element-ui中的加载中状态就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery实现可拖动的浮动层完整代码
May 27 Javascript
ECMAScript5中的对象存取器属性:getter和setter介绍
Dec 08 Javascript
jQuery搜索子元素的方法
Feb 10 Javascript
js实现进度条的方法
Feb 13 Javascript
关于JavaScript中事件绑定的方法总结
Oct 26 Javascript
在js里怎么实现Xcode里的callFuncN方法(详解)
Nov 05 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
Nov 24 Javascript
Node.js学习之TCP/IP数据通讯(实例讲解)
Oct 11 Javascript
简单谈谈vue的过渡动画(推荐)
Oct 11 Javascript
详解vue-cli 本地开发mock数据使用方法
May 29 Javascript
深入学习Vue nextTick的用法及原理
Oct 08 Javascript
Vue项目中Api的组织和返回数据处理的操作
Nov 04 Javascript
解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)
Nov 11 #Javascript
JS前端基于canvas给图片添加水印
Nov 11 #Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
Nov 11 #Javascript
使用Vant完成Dialog弹框案例
Nov 11 #Javascript
vue实现lodop打印功能的示例
Nov 11 #Javascript
解决vant的Toast组件时提示not defined的问题
Nov 11 #Javascript
vue mvvm数据响应实现
Nov 11 #Javascript
You might like
PHP无刷新上传文件实现代码
2011/09/19 PHP
PHP实现获取FLV文件的时间
2015/02/10 PHP
PHP常见数组函数用法小结
2016/03/21 PHP
实例讲解PHP表单处理
2019/02/15 PHP
jQuery温习篇 强大的JQuery选择器
2010/04/24 Javascript
js实现拖拽 闭包函数详细介绍
2012/11/25 Javascript
一个页面放2段图片滚动代码出现冲突的问题如何解决
2012/12/21 Javascript
JS修改css样式style浅谈
2013/05/06 Javascript
用于deeplink的js方法(判断手机是否安装app)
2014/04/02 Javascript
javascript中的throttle和debounce浅析
2014/06/06 Javascript
jQuery 重复加载错误以及修复方法
2014/12/16 Javascript
JSONP之我见
2015/03/24 Javascript
jQuery实现灰蓝风格标准二级下拉菜单效果代码
2015/08/31 Javascript
基于AngularJS+HTML+Groovy实现登录功能
2016/02/17 Javascript
jQuery实现打开页面渐现效果示例
2016/07/27 Javascript
AngularJS实现根据不同条件显示不同控件
2017/04/20 Javascript
AngularJS ionic手势事件的使用总结
2017/08/09 Javascript
JS中Map和ForEach的区别
2018/02/05 Javascript
Vue数据监听方法watch的使用
2018/03/28 Javascript
详解微信小程序调用支付接口支付
2019/04/28 Javascript
Python模拟鼠标点击实现方法(将通过实例自动化模拟在360浏览器中自动搜索python)
2017/08/23 Python
Python实现一个简单的验证码程序
2017/11/03 Python
Numpy中stack(),hstack(),vstack()函数用法介绍及实例
2018/01/09 Python
详解python3中用HTMLTestRunner.py报ImportError: No module named 'StringIO'如何解决
2019/08/27 Python
Python定时发送天气预报邮件代码实例
2019/09/09 Python
深度学习入门之Pytorch 数据增强的实现
2020/02/26 Python
如何基于matlab相机标定导出xml文件
2020/11/02 Python
美国领先的家庭智能音响系统品牌:Sonos
2018/07/20 全球购物
杭州联环马网络笔试题面试题
2013/08/04 面试题
怎样写留学自荐信
2013/11/11 职场文书
京剧自荐信
2014/01/26 职场文书
网络书店创业计划书
2014/02/07 职场文书
视光学专业自荐信
2014/06/24 职场文书
新员工入职欢迎词
2015/01/23 职场文书
JavaScript获取URL参数的方法分享
2022/04/07 Javascript
ConditionalOnProperty配置swagger不生效问题及解决
2022/06/14 Java/Android