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的内存泄漏
Mar 04 Javascript
JavaScript 关键字屏蔽实现函数
Aug 02 Javascript
jquery png 透明解决方案(推荐)
Aug 21 Javascript
JS代码同步文本框内容的实例方法
Jul 12 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
Dec 12 Javascript
javascript验证身份证号
Mar 03 Javascript
使用jquery/js获取iframe父子级、同级获取元素的方法
Aug 05 Javascript
js定时器实例分享
Dec 20 Javascript
Vue-router路由判断页面未登录跳转到登录页面的实例
Oct 26 Javascript
vue中element 上传功能的实现思路
Jul 06 Javascript
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)
Oct 24 Javascript
Vue Echarts实现可视化世界地图代码实例
May 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通过session id 实现session共享和登录验证的代码
2012/06/03 PHP
WIFI万能钥匙密码查询接口实例
2015/09/28 PHP
javascript 可以拖动的DIV(二)
2009/06/26 Javascript
JavaScript对象创建及继承原理实例解剖
2013/02/28 Javascript
js 获取时间间隔实现代码
2014/05/12 Javascript
基于jquery和svg实现超炫酷的动画特效
2014/12/09 Javascript
Javascript中的call()方法介绍
2015/03/15 Javascript
JS简单循环遍历json数组的方法
2016/04/22 Javascript
BootStrap 智能表单实战系列(十)自动完成组件的支持
2016/06/13 Javascript
Javascript中的arguments对象
2016/06/20 Javascript
Node.js利用js-xlsx处理Excel文件的方法详解
2017/07/05 Javascript
node.js支持多用户web终端实现及安全方案
2017/11/29 Javascript
vue 实现剪裁图片并上传服务器功能
2018/03/01 Javascript
微信小程序开发的基本流程步骤
2019/01/31 Javascript
JavaScript图像放大镜效果实现方法详解
2020/06/28 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
2021/01/26 Vue.js
Python实现建立SSH连接的方法
2015/06/03 Python
python调用Delphi写的Dll代码示例
2017/12/05 Python
python多任务之协程的使用详解
2019/08/26 Python
Django实现列表页商品数据返回教程
2020/04/03 Python
Python Scrapy多页数据爬取实现过程解析
2020/06/12 Python
Python 操作SQLite数据库的示例
2020/10/16 Python
使用Python快速打开一个百万行级别的超大Excel文件的方法
2021/03/02 Python
百思买加拿大:Best Buy Canada
2018/03/20 全球购物
英国婴儿和儿童服装网站:Vertbaudet
2018/04/02 全球购物
navabi英国:设计师大码女装
2019/06/25 全球购物
员工年终演讲稿
2014/01/03 职场文书
中年人生感言
2014/02/04 职场文书
高中物理教学反思
2014/02/08 职场文书
国旗下演讲稿
2014/05/08 职场文书
人民调解员培训方案
2014/06/05 职场文书
生产车间主任岗位职责
2015/04/08 职场文书
2015年世界环境日活动方案
2015/05/05 职场文书
聘任书的格式及模板
2019/10/28 职场文书
OpenCV项目实践之停车场车位实时检测
2022/04/11 Python
详解SQL的窗口函数
2022/04/21 Oracle