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 相关文章推荐
让插入到 innerHTML 中的 script 跑起来的实现代码
Jul 01 Javascript
javascript 可以拖动的DIV(二)
Jun 26 Javascript
javascript 读取XML数据,在页面中展现、编辑、保存的实现
Oct 27 Javascript
JavaScript 类型的包装对象(Typed Wrappers)
Oct 27 Javascript
js计算德州扑克牌面值的方法
Mar 04 Javascript
一种新的javascript对象创建方式Object.create()
Dec 28 Javascript
jQuery简单实现点击文本框复制内容到剪贴板上的方法
Aug 01 Javascript
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
Aug 09 jQuery
vue click.stop阻止点击事件继续传播的方法
Sep 04 Javascript
javascript 数组(list)添加/删除的实现
Dec 17 Javascript
JS数组的常用方法整理
Mar 31 Javascript
手写实现JS中的new
Nov 07 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笔记之:数据类型与常量的使用分析
2013/05/14 PHP
PHP 正则表达式小结
2015/02/12 PHP
Yii2中OAuth扩展及QQ互联登录实现方法
2016/05/16 PHP
JavaScript QueryString解析类代码
2010/01/17 Javascript
动态加载图片路径 保持JavaScript控件的相对独立性
2010/09/06 Javascript
javascript attachEvent绑定多个事件执行顺序问题
2010/10/20 Javascript
JS获取Table中td值的方法
2015/03/19 Javascript
JQuery实现鼠标滚轮滑动到页面节点
2015/07/28 Javascript
javascript图片延迟加载实现方法及思路
2015/12/31 Javascript
深入理解js中this的用法
2016/05/28 Javascript
微信JS接口大全
2016/08/25 Javascript
JS中substring与substr的用法
2016/11/16 Javascript
关于js函数解释(包括内嵌,对象等)
2016/11/20 Javascript
Mint UI组件库CheckList使用及踩坑总结
2018/12/20 Javascript
JavaScript模块管理的简单实现方式详解
2019/06/15 Javascript
layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法
2019/09/25 Javascript
vue 路由子组件created和mounted不起作用的解决方法
2019/11/05 Javascript
原生javascript实现类似vue的数据绑定功能示例【观察者模式】
2020/02/24 Javascript
[01:32]DOTA2次级联赛——首支职业女子战队选拔赛全记录
2014/10/23 DOTA
[02:20]DOTA2亚洲邀请赛 EHOME战队出场宣传片
2015/02/07 DOTA
pycharm 使用心得(三)Hello world!
2014/06/05 Python
实例讲解Python中SocketServer模块处理网络请求的用法
2016/06/28 Python
Python开发微信公众平台的方法详解【基于weixin-knife】
2017/07/08 Python
python实现淘宝秒杀聚划算抢购自动提醒源码
2020/06/23 Python
python3 遍历删除特定后缀名文件的方法
2018/04/23 Python
numpy中以文本的方式存储以及读取数据方法
2018/06/04 Python
python实现自动化报表功能(Oracle/plsql/Excel/多线程)
2019/12/02 Python
详解Python3 中的字符串格式化语法
2020/01/15 Python
Python实现疫情通定时自动填写功能(附代码)
2020/05/27 Python
HTML5 Canvas玩转酷炫大波浪进度图效果实例(附demo)
2016/12/14 HTML / CSS
美国著名的团购网站:Woot
2016/08/02 全球购物
小米旗下精品生活电商平台:小米有品
2018/12/18 全球购物
欧缇丽加拿大官方网站:Caudalie加拿大
2019/07/18 全球购物
厨师长岗位职责
2014/03/02 职场文书
借款协议书
2014/04/12 职场文书
公司自我介绍演讲稿
2014/08/21 职场文书