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作用域和作用域链
Oct 21 Javascript
javascript实现tabs选项卡切换效果(自写原生js)
Mar 19 Javascript
js变换显示图片的实例
Apr 16 Javascript
JS日期加减,日期运算代码
Nov 05 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
Jan 18 Javascript
JS实现颜色动态淡化效果
Mar 06 Javascript
vue动画打包后失效问题的解决方法
Sep 18 Javascript
在小程序Canvas中使用measureText的方法示例
Oct 19 Javascript
微信小程序在线客服自动回复功能(基于node)
Jul 03 Javascript
vue设置一开始进入的页面教程
Oct 28 Javascript
Vue 设置axios请求格式为form-data的操作步骤
Oct 29 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
Oct 27 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
mysql5写入和读出乱码解决
2006/11/25 PHP
php邮件发送,php发送邮件的类
2011/03/24 PHP
PHP安全配置详细说明
2011/09/26 PHP
PHP爆绝对路径方法收集整理
2012/09/17 PHP
PHP7中I/O模型内核剖析详解
2019/04/14 PHP
jquery表单验证使用插件formValidator
2012/11/10 Javascript
js移除事件 js绑定事件实例应用
2012/11/28 Javascript
jQuery实现鼠标滑过遮罩并高亮显示效果
2013/07/16 Javascript
如何实现修改密码时密码框显示保存到cookie的密码
2013/12/10 Javascript
JS 删除字符串最后一个字符的实现代码
2014/02/20 Javascript
JavaScript关闭当前页面(窗口)不带任何提示
2014/03/26 Javascript
Javascript优化技巧之短路表达式详细介绍
2015/03/27 Javascript
JavaScript获取网页中第一个链接ID的方法
2015/04/03 Javascript
JS仿hao123导航页面图片轮播效果
2016/09/01 Javascript
关于List.ToArray()方法的效率测试
2016/09/30 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
2016/10/31 Javascript
bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
2017/01/24 Javascript
vue.js获取数据库数据实例代码
2017/05/26 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
2017/08/08 jQuery
js中值引用和地址引用实例分析
2019/06/21 Javascript
详解vuex的简单todolist例子
2019/07/14 Javascript
Vue列表循环从指定下标开始的多种解决方案
2020/04/08 Javascript
VsCode里的Vue模板的实现
2020/08/12 Javascript
JS实现页面鼠标点击出现图片特效
2020/08/19 Javascript
[01:15:44]首部DOTA2纪录片今日23时全网上映
2014/03/19 DOTA
[43:33]EG vs Spirit Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
python使用tensorflow深度学习识别验证码
2018/04/03 Python
python+unittest+requests实现接口自动化的方法
2018/11/29 Python
对Python 除法负数取商的取整方式详解
2018/12/12 Python
对Python Pexpect 模块的使用说明详解
2019/02/14 Python
对PyQt5中树结构的实现方法详解
2019/06/17 Python
Python OpenCV 使用滑动条来调整函数参数的方法
2019/07/08 Python
黄河象教学反思
2014/02/10 职场文书
求职自我推荐信
2014/06/25 职场文书
竞聘报告优秀范文
2014/11/06 职场文书
《女娲补天》读后感5篇
2019/12/31 职场文书