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中的Screen屏幕对象
Jan 16 Javascript
javascript检测浏览器flash版本的实现代码
Dec 06 Javascript
javascript继承之为什么要继承
Nov 10 Javascript
屏蔽网页右键复制和ctrl+c复制的js代码
Jan 04 Javascript
JavaScript实现鼠标滑过处生成气泡的方法
May 16 Javascript
详解JavaScript ES6中的Generator
Jul 28 Javascript
JS函数的几种定义方式分析
Dec 17 Javascript
使用PHP+JavaScript将HTML页面转换为图片的实例分享
Apr 18 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
Oct 19 Javascript
vue项目部署到Apache服务器中遇到的问题解决
Aug 24 Javascript
JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
Oct 29 Javascript
js实现的格式化数字和金额功能简单示例
Jul 30 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 get_headers 判断URL是否有效的解决办法
2013/04/27 PHP
smarty中英文多编码字符截取乱码问题解决方法
2014/10/28 PHP
老司机传授Ubuntu下Apache+PHP+MySQL环境搭建攻略
2016/03/20 PHP
PHP+Ajax无刷新带进度条图片上传示例
2017/02/08 PHP
html页面显示年月日时分秒和星期几的两种方式
2013/08/20 Javascript
Extjs实现进度条的两种便捷方式
2013/09/26 Javascript
一个JavaScript获取元素当前高度的实例
2014/10/29 Javascript
node.js中的fs.readFileSync方法使用说明
2014/12/15 Javascript
js点击选择文本的方法
2015/02/09 Javascript
JS绘制生成花瓣效果的方法
2015/08/05 Javascript
Bootstrap入门书籍之(三)栅格系统
2016/02/17 Javascript
Javascript发送AJAX请求实例代码
2016/08/21 Javascript
JavaScript与java语言有什么不同
2016/09/22 Javascript
Vue.Draggable实现拖拽效果
2020/07/29 Javascript
js实现rem自动匹配计算font-size的示例
2017/11/18 Javascript
vue生成token并保存到本地存储中
2018/07/17 Javascript
JS/HTML5游戏常用算法之路径搜索算法 随机迷宫算法详解【普里姆算法】
2018/12/13 Javascript
微信小程序封装自定义弹窗的实现代码
2019/05/08 Javascript
Vue检测屏幕变化来改变不同的charts样式实例
2020/10/26 Javascript
介绍Python的@property装饰器的用法
2015/04/28 Python
RC4文件加密的python实现方法
2015/06/30 Python
python查看zip包中文件及大小的方法
2015/07/09 Python
详解Python编程中包的概念与管理
2015/10/16 Python
浅谈Python Opencv中gamma变换的使用详解
2018/04/02 Python
python有序查找算法 二分法实例解析
2020/02/18 Python
pandas中的ExcelWriter和ExcelFile的实现方法
2020/04/24 Python
django 实现后台从富文本提取纯文本
2020/07/02 Python
HTML5画渐变背景图片并自动下载实现步骤
2013/11/18 HTML / CSS
全球最大的游戏市场:G2A
2018/07/05 全球购物
澳大利亚当地社区首选的光学商店:1001 Optical
2019/08/24 全球购物
慕尼黑山地运动、户外服装和体育用品专家:Sporthaus Schuster
2019/08/27 全球购物
Strathberry苏贝瑞中国官网:西班牙高级工匠手工打造
2020/10/19 全球购物
小学三年级学生评语
2014/04/22 职场文书
学生鉴定评语大全
2014/05/05 职场文书
初中生入团申请书范文(五篇)
2019/10/16 职场文书
mysql分表之后如何平滑上线详解
2021/11/01 MySQL