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通过JSON字符串创建JSON对象
Aug 24 Javascript
JavaScript中的迭代器和生成器详解
Oct 29 Javascript
JS实现简单的键盘打字的效果
Apr 24 Javascript
js给selected添加options的方法
May 06 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
Nov 04 Javascript
bootstrapValidator.min.js表单验证插件
Feb 09 Javascript
js实现颜色阶梯渐变效果(Gradient算法)
Mar 21 Javascript
jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
May 19 jQuery
微信开发之微信jssdk录音功能开发示例
Oct 22 Javascript
详解Vue中的基本语法和常用指令
Jul 23 Javascript
详解ES6 Promise的生命周期和创建
Aug 18 Javascript
JS实现动态无缝轮播
Jan 11 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
实用函数3
2007/11/08 PHP
php定时计划任务的实现方法详解
2013/06/06 PHP
php读取目录及子目录下所有文件名的方法
2014/10/20 PHP
php获取汉字拼音首字母的方法
2015/10/21 PHP
thinkPHP中create方法与令牌验证实例浅析
2015/12/08 PHP
PHP截取IE浏览器并缩小原图的方法
2016/03/04 PHP
PHP登录验证码的实现与使用方法
2016/07/07 PHP
PHP验证类的封装与使用方法详解
2019/01/10 PHP
JavaScript和JQuery实用代码片段(一)
2010/04/07 Javascript
javascript天然的迭代器
2010/10/29 Javascript
javascript实现下拉提示选择框
2015/12/29 Javascript
基于RequireJS和JQuery的模块化编程日常问题解析
2016/04/14 Javascript
浅谈js中的in-for循环
2016/06/28 Javascript
深入理解Node.js的HTTP模块
2016/10/12 Javascript
JS 对java返回的json格式的数据处理方法
2016/12/05 Javascript
Angular.js基础学习之初始化
2017/03/10 Javascript
bootstrap的常用组件和栅格式布局详解
2017/05/02 Javascript
vue-resource post数据时碰到Django csrf问题的解决
2020/03/13 Javascript
vue element el-transfer增加拖拽功能
2021/01/15 Vue.js
python正则分组的应用
2013/11/10 Python
Python读取环境变量的方法和自定义类分享
2014/11/22 Python
Python实现PS图像调整之对比度调整功能示例
2018/01/26 Python
Python (Win)readline和tab补全的安装方法
2019/08/27 Python
解决jupyter notebook打不开无反应 浏览器未启动的问题
2020/04/10 Python
Keras模型转成tensorflow的.pb操作
2020/07/06 Python
Python实现自动整理文件的脚本
2020/12/17 Python
CSS3制作漂亮的照片墙的实现代码
2016/06/08 HTML / CSS
HTML5 Canvas draw方法制作动画效果示例
2013/07/11 HTML / CSS
联想法国官方网站:Lenovo法国
2018/10/18 全球购物
Linux中如何用命令创建目录
2015/01/12 面试题
几个MySql的面试题
2013/04/22 面试题
个人廉洁自律承诺书
2014/03/27 职场文书
信电学院毕业生自荐书
2014/05/24 职场文书
周一早安温馨问候祝福语!
2019/07/15 职场文书
Python 解决空列表.append() 输出为None的问题
2021/05/23 Python
PostgreSQL出现死锁该如何解决
2022/05/30 PostgreSQL