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插件化开发教程 (四)
Jan 27 Javascript
Node.js中child_process实现多进程
Feb 03 Javascript
JS实现进入页面时渐变背景色的方法
Feb 25 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
Jun 23 Javascript
详解堆的javascript实现方法
Nov 29 Javascript
基于JS实现翻书效果的页面切换样式
Feb 16 Javascript
JS获取鼠标坐标并且根据鼠标位置不同弹出不同内容
Jun 12 Javascript
vue axios用法教程详解
Jul 23 Javascript
JS表单传值和URL编码转换
Mar 03 Javascript
微信小程序canvas实现刮刮乐效果
Jul 09 Javascript
详解JavaScript的内存空间、赋值和深浅拷贝
Apr 17 Javascript
node.js使用http模块创建服务器和客户端完整示例
Feb 10 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
PHP5.3安装Zend Guard Loader图文教程
2014/09/29 PHP
自定义session存储机制避免会话保持问题
2014/10/08 PHP
PHP面向对象五大原则之里氏替换原则(LSP)详解
2018/04/08 PHP
PHP实现微信商户支付企业付款到零钱功能
2018/09/30 PHP
自己的js工具 Cookie 封装
2009/08/21 Javascript
JS随机漂浮广告代码具体实例
2013/11/19 Javascript
jQuery对象与DOM对象之间的相互转换
2015/03/03 Javascript
JavaScript中的getTime()方法使用详解
2015/06/10 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
2015/08/05 Javascript
jquery实现鼠标点击后展开列表内容的导航栏效果
2015/09/14 Javascript
详解Bootstrap按钮
2016/01/04 Javascript
Javascript之Date对象详解
2016/06/07 Javascript
JavaScript基础——使用Canvas绘图
2016/11/02 Javascript
Jquery 整理元素选取、常用方法一览表
2016/11/26 Javascript
Vue路由跳转问题记录详解
2017/06/15 Javascript
Vue2路由动画效果的实现代码
2017/07/10 Javascript
关于JavaScript中forEach和each用法浅析
2017/07/27 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
2018/01/21 jQuery
Vue.js项目中管理每个页面的头部标签的两种方法
2018/06/25 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
2018/08/29 Javascript
[01:03:09]完美世界DOTA2联赛PWL S2 Forest vs SZ 第二场 11.25
2020/11/26 DOTA
Python单例模式实例分析
2015/01/14 Python
django轻松使用富文本编辑器CKEditor的方法
2017/03/30 Python
python中利用await关键字如何等待Future对象完成详解
2017/09/07 Python
Django uwsgi Nginx 的生产环境部署详解
2019/02/02 Python
Python爬虫抓取技术的一些经验
2019/07/12 Python
ubuntu上安装python的实例方法
2019/09/30 Python
python 多维高斯分布数据生成方式
2019/12/09 Python
利用css3径向渐变做一张优惠券的示例
2018/03/22 HTML / CSS
Mio Skincare美国官网:身体紧致及孕期身体护理
2017/03/05 全球购物
农行实习自我鉴定
2013/09/22 职场文书
10的分与合教学反思
2014/04/30 职场文书
迎国庆横幅标语
2014/10/08 职场文书
党的群众路线教育实践活动调研报告
2014/11/03 职场文书
Spring中的使用@Async异步调用方法
2021/11/01 Java/Android
海弦WR-800F
2022/04/05 无线电