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 相关文章推荐
javascript firefox兼容ie的dom方法脚本
May 18 Javascript
Jquery Ajax学习实例5 向WebService发出请求,返回泛型集合数据的异步调用
Mar 17 Javascript
jQuery下的动画处理总结
Oct 10 Javascript
通过js获取div的background-image属性
Oct 15 Javascript
理解JavaScript的变量的入门教程
Jul 07 Javascript
概述javascript在Google IE中的调试技巧
Nov 24 Javascript
JS/HTML5游戏常用算法之路径搜索算法 随机迷宫算法详解【普里姆算法】
Dec 13 Javascript
js实现点击图片在屏幕中间弹出放大效果
Sep 11 Javascript
JavaScript 类的封装操作示例详解
May 16 Javascript
JavaScript eval()函数定义及使用方法详解
Jul 07 Javascript
vue中template的三种写法示例
Oct 21 Javascript
使用compose函数优化代码提高可读性及扩展性
Jun 16 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中文转拼音的实现代码
2014/02/11 PHP
ThinkPHP实现一键清除缓存方法
2014/06/26 PHP
学习php中的正则表达式
2014/08/17 PHP
php实现cookie加密的方法
2015/03/10 PHP
PHP代码维护,重构变困难的4种原因分析
2016/01/25 PHP
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
2009/11/12 Javascript
根据鼠标的位置动态的控制层的位置
2009/11/24 Javascript
jQuery实现的多屏图像图层切换效果实例
2015/05/07 Javascript
javascript生成大小写字母
2015/07/03 Javascript
jQuery on()方法示例及jquery on()方法的优点
2015/08/27 Javascript
浅谈vue中改elementUI默认样式引发的static与assets的区别
2018/02/03 Javascript
深入浅析AngularJs模版与v-bind
2018/07/06 Javascript
vue 指令之气泡提示效果的实现代码
2018/10/18 Javascript
jquery实现垂直无限轮播的方法分析
2019/07/16 jQuery
layer.js open 隐藏滚动条的例子
2019/09/05 Javascript
windows实现npm和cnpm安装步骤
2019/10/24 Javascript
python中列表元素连接方法join用法实例
2015/04/07 Python
python输入错误密码用户锁定实现方法
2017/11/27 Python
Windows下的Python 3.6.1的下载与安装图文详解(适合32位和64位)
2018/02/21 Python
对numpy中shape的深入理解
2018/06/15 Python
Python多线程处理实例详解【单进程/多进程】
2019/01/30 Python
对python pandas中 inplace 参数的理解
2020/06/27 Python
Pycharm Git 设置方法
2020/09/15 Python
html5 冒号分隔符对齐的实现
2019/07/31 HTML / CSS
某同学的自我鉴定范文
2013/12/26 职场文书
自动化毕业生专业自荐书范文
2014/02/04 职场文书
学生会竞选演讲稿
2014/04/24 职场文书
副处级干部考察材料
2014/05/17 职场文书
主题班会演讲稿
2014/05/22 职场文书
班级出游活动计划书
2014/08/15 职场文书
2014年高二班主任工作总结
2014/12/16 职场文书
2015中学教学工作总结
2015/07/22 职场文书
2015少先队大队辅导员工作总结
2015/07/24 职场文书
python基础入门之字典和集合
2021/06/13 Python
Golang 对es的操作实例
2022/04/20 Golang
vue el-table实现递归嵌套的示例代码
2022/08/14 Vue.js