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遍历节点的方法小集
Jan 22 Javascript
Js Jquery创建一个弹出层可加载一个页面
May 08 Javascript
Express作者TJ告别Node.js奔向Go
Jul 14 Javascript
JavaScript SHA1加密算法实现详细代码
Oct 06 Javascript
javascript设计模式之单体模式学习笔记
Feb 15 Javascript
jQuery修改DOM结构_动力节点Java学院整理
Jul 05 jQuery
js中apply与call简单用法详解
Nov 06 Javascript
JavaScript事件发布/订阅模式原理与用法分析
Aug 21 Javascript
layer页面跳转,获取html子节点元素的值方法
Sep 27 Javascript
Node.js API详解之 dns模块用法实例分析
May 15 Javascript
通过js随机函数Math.random实现乱序
May 19 Javascript
如何手写简易的 Vue Router
Oct 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
解决dede生成静态页和动态页转换的一些问题,及火车采集入库生成动态的办法
2007/03/29 PHP
php删除指定目录的方法
2015/04/03 PHP
基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能
2017/02/24 PHP
PHP实现的mongoDB数据库操作类完整实例
2018/04/10 PHP
解决在Laravel 中处理OPTIONS请求的问题
2019/10/11 PHP
js根据给定的日期计算当月有多少天实现思路及代码
2013/02/25 Javascript
利用NodeJS和PhantomJS抓取网站页面信息以及网站截图
2013/11/18 NodeJs
node.js中的fs.close方法使用说明
2014/12/17 Javascript
JS实现5秒钟自动封锁div层的方法
2015/02/20 Javascript
jquery 插件实现瀑布流图片展示实例
2015/04/03 Javascript
jquery实现鼠标滑过后动态图片提示效果实例
2015/08/10 Javascript
AngularJS转换响应内容
2016/01/27 Javascript
jQuery fadeOut 异步实例代码详解
2016/08/18 Javascript
用AngularJS来实现监察表单按钮的禁用效果
2016/11/02 Javascript
JS正则匹配URL网址的方法(可匹配www,http开头的一切网址)
2017/01/06 Javascript
AngularJS实现进度条功能示例
2017/07/05 Javascript
浅谈vue-router路由切换 组件重用挖下的坑
2019/11/01 Javascript
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
2020/04/11 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
2020/05/29 Javascript
Jquery滑动门/tab切换实现方法完整示例
2020/06/05 jQuery
解决Vue大括号字符换行踩的坑
2020/11/09 Javascript
在Linux上安装Python的Flask框架和创建第一个app实例的教程
2015/03/30 Python
在Python的框架中为MySQL实现restful接口的教程
2015/04/08 Python
Python实现判断并移除列表指定位置元素的方法
2018/04/13 Python
PyQt4实时显示文本内容GUI的示例
2019/06/14 Python
django rest framework 实现用户登录认证详解
2019/07/29 Python
基于Python和PyYAML读取yaml配置文件数据
2020/01/13 Python
python scatter函数用法实例详解
2020/02/11 Python
香港零食网购:上仓胃子
2020/06/08 全球购物
英国健身专家:WIT Fitness
2021/02/09 全球购物
小学毕业家长寄语
2014/01/19 职场文书
本科毕业生求职自荐信
2014/04/09 职场文书
三关爱志愿服务活动方案
2014/08/17 职场文书
医生个人自我剖析材料
2014/10/08 职场文书
Mysql基础之常见函数
2021/04/22 MySQL
Java中的继承、多态以及封装
2022/04/11 Java/Android