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十个最常用的自定义函数(中文版)
Sep 07 Javascript
通过复制Table生成word和excel的javascript代码
Jan 20 Javascript
JavaScript中document对象使用详解
Jan 06 Javascript
Javascript中arguments和arguments.callee的区别浅析
Apr 24 Javascript
jQuery获取元素父节点的方法
Jun 21 Javascript
Angular4 中常用的指令入门总结
Jun 12 Javascript
详解用Node.js实现Restful风格webservice
Sep 29 Javascript
利用js编写网页进度条效果
Oct 08 Javascript
gulp安装以及打包合并的方法教程
Nov 19 Javascript
vue-router 组件复用问题详解
Jan 22 Javascript
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
Feb 27 jQuery
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
Apr 14 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 empty函数判断mysql表单是否为空
2010/04/12 PHP
PHP XML操作的各种方法解析(比较详细)
2010/06/17 PHP
PHP下利用header()函数设置浏览器缓存的代码
2010/09/01 PHP
ThinkPHP后台首页index使用frameset时的注意事项分析
2014/08/22 PHP
Yii2实现跨mysql数据库关联查询排序功能代码
2017/02/10 PHP
PHP实现链式操作的三种方法详解
2017/11/16 PHP
PHP的mysqli_rollback()函数讲解
2019/01/23 PHP
JavaScript 事件对象的实现
2009/07/13 Javascript
Js切换功能的简单方法
2010/11/23 Javascript
Safari5中alert的无限循环BUG
2011/04/07 Javascript
基于jquery的15款幻灯片插件
2011/04/10 Javascript
JS实现将人民币金额转换为大写的示例代码
2014/02/13 Javascript
jQuery 顶部导航跟随滚动条滚动固定浮动在顶部
2014/06/06 Javascript
JS中完美兼容各大浏览器的scrolltop方法
2015/04/17 Javascript
JavaScript获取各大浏览器信息图示
2015/11/20 Javascript
jQuery EasyUI Tab 选项卡问题小结
2016/08/16 Javascript
使用Javascript判断浏览器终端设备(PC、IOS(iphone)、Android)
2017/01/04 Javascript
JS实现HTML标签转义及反转义
2020/04/14 Javascript
mac上node.js环境的安装测试
2017/07/03 Javascript
javascript ES6 新增了let命令使用介绍
2017/07/07 Javascript
使用Vue制作图片轮播组件思路详解
2018/03/21 Javascript
JS实现图片转换成base64的各种应用场景实例分析
2018/06/22 Javascript
js前端对于大量数据的展示方式及处理方法
2020/12/02 Javascript
[00:44]TI7不朽珍藏III——军团指挥官不朽展示
2017/07/15 DOTA
python分析apache访问日志脚本分享
2015/02/26 Python
Python3读取UTF-8文件及统计文件行数的方法
2015/05/22 Python
Python中atexit模块的基本使用示例
2015/07/08 Python
Python实现快速多线程ping的方法
2015/07/15 Python
python RabbitMQ 使用详细介绍(小结)
2018/11/08 Python
Pytorch中accuracy和loss的计算知识点总结
2019/09/10 Python
python 可视化库PyG2Plot的使用
2021/01/21 Python
html5超简单的localStorage实现记住密码的功能实现
2017/09/07 HTML / CSS
Feelunique德国官方网站:欧洲最大的在线美容零售商
2019/07/20 全球购物
英文自荐信格式
2013/11/28 职场文书
2014年纳税评估工作总结
2014/12/23 职场文书
解析探秘fescar分布式事务实现原理
2022/02/28 Java/Android