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方法
Sep 18 Javascript
JavaScript window.setTimeout() 的详细用法
Nov 04 Javascript
js将当前时间格式转换成时间搓(自写)
Sep 26 Javascript
用director.js实现前端路由使用实例
Jan 27 Javascript
javaScript+turn.js实现图书翻页效果实例代码
Feb 16 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
Mar 07 Javascript
Javascript中 toFixed四舍六入方法
Aug 21 Javascript
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
Sep 07 Javascript
webpack4.0+vue2.0利用批处理生成前端单页或多页应用的方法
Jun 28 Javascript
JS合并两个数组的3种方法详解
Oct 24 Javascript
基于leaflet.js实现修改地图主题样式的流程分析
May 15 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
May 29 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+jQuery 注册模块的改进(一):验证码存入SESSION
2014/10/14 PHP
使用PHP生成图片的缩略图的方法
2015/08/18 PHP
php微信开发之百度天气预报
2016/11/18 PHP
PHP实现多图上传(结合uploadify插件)思路分析
2016/11/30 PHP
PHP实现会员账号单唯一登录的方法分析
2019/03/07 PHP
文本框输入时 实现自动提示(像百度、google一样)
2012/04/05 Javascript
JS 两个字符串时间的天数差计算
2013/08/25 Javascript
JS实现5秒钟自动封锁div层的方法
2015/02/20 Javascript
举例讲解jQuery中可见性过滤选择器的使用
2016/04/18 Javascript
Vue 过滤器filters及基本用法
2017/12/26 Javascript
vue实现绑定事件的方法实例代码详解
2019/06/20 Javascript
[13:16]INFAMOUS vs VGJ T BO3
2018/06/07 DOTA
[04:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster 选手采访
2021/03/11 DOTA
Python实现视频下载功能
2017/03/14 Python
Python环境搭建之OpenCV的步骤方法
2017/10/20 Python
python+mysql实现学生信息查询系统
2019/02/21 Python
Python SELENIUM上传文件或图片实现过程
2019/10/28 Python
Django项目中使用JWT的实现代码
2019/11/04 Python
Python socket模块方法实现详解
2019/11/05 Python
解决pycharm启动后总是不停的updating indices...indexing的问题
2019/11/27 Python
将自己的数据集制作成TFRecord格式教程
2020/02/17 Python
Python查找不限层级Json数据中某个key或者value的路径方式
2020/02/27 Python
Python基于class()实现面向对象原理详解
2020/03/26 Python
Python读取excel文件中带公式的值的实现
2020/04/17 Python
jupyter notebook 添加kernel permission denied的操作
2020/04/21 Python
关于Theano和Tensorflow多GPU使用问题
2020/06/19 Python
Python3 用matplotlib绘制sigmoid函数的案例
2020/12/11 Python
一款纯css3制作的2015年元旦雪人动画特效教程
2014/12/29 HTML / CSS
html5之Canvas路径绘图、坐标变换应用实例
2012/12/26 HTML / CSS
canvas需要在标签里直接定义宽高
2014/12/17 HTML / CSS
车贷收入证明范本
2014/01/09 职场文书
大学生精神文明先进个人事迹材料
2014/05/02 职场文书
白酒营销策划方案
2014/08/17 职场文书
小学生感恩老师演讲稿
2014/08/28 职场文书
门市房租房协议书
2014/12/04 职场文书
MySQL下载安装配置详细教程 附下载资源
2022/09/23 MySQL