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 初体验(建议学习jquery)
Apr 25 Javascript
基于jquery的仿百度搜索框效果代码
Apr 11 Javascript
JS可以控制样式的名称写法一览
Jan 16 Javascript
jQuery判断div随滚动条滚动到一定位置后停止
Apr 02 Javascript
jquery实现无限分级横向导航菜单的方法
Mar 12 Javascript
一个简易的js图片轮播效果
Jul 22 Javascript
Django中使用jquery的ajax进行数据交互的实例代码
Oct 15 jQuery
深入了解javascript 数组的sort方法
Jun 01 Javascript
对angular4子路由&辅助路由详解
Oct 09 Javascript
深入探讨JavaScript的最基本部分之执行上下文
Feb 12 Javascript
vue-cli+iview项目打包上线之后图标不显示问题及解决方法
Oct 16 Javascript
jquery自定义组件实例详解
Dec 31 jQuery
解决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
叶罗丽:为什么大家对颜冰这对CP非常关心,却对金茉两人十分冷漠
2020/03/17 国漫
详细介绍:Apache+PHP+MySQL配置攻略
2006/09/05 PHP
PHP 中执行排序与 MySQL 中排序
2009/04/21 PHP
Thinkphp搜索时首页分页和搜索页保持条件分页的方法
2014/12/05 PHP
兼容ie、firefox的图片自动缩放的css跟js代码分享
2012/01/21 Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
2013/03/21 Javascript
jquery实现的图片点击滚动效果
2014/04/29 Javascript
JavaScript中的操作符==与===介绍
2014/12/31 Javascript
基于jQuery实现网页打印功能
2015/12/01 Javascript
详解JavaScript数组和字符串中去除重复值的方法
2016/03/07 Javascript
JavaScript中匿名函数的用法及优缺点详解
2016/06/01 Javascript
为jQuery-easyui的tab组件添加右键菜单功能的简单实例
2016/10/10 Javascript
jQuery基本选择器和层次选择器学习使用
2017/02/27 Javascript
JQuery 获取多个select标签option的text内容(实例)
2017/09/07 jQuery
ES6学习教程之模板字符串详解
2017/10/09 Javascript
使用nodejs+express实现简单的文件上传功能
2017/12/27 NodeJs
mac上配置Android环境变量的方法
2018/07/08 Javascript
vue.js编译时给生成的文件增加版本号
2018/09/17 Javascript
nodejs读取本地中文json文件出现乱码解决方法
2018/10/10 NodeJs
vue项目中在可编辑div光标位置插入内容的实现代码
2020/01/07 Javascript
解决Vue + Echarts 使用markLine标线(precision精度问题)
2020/07/20 Javascript
Python3 中文文件读写方法
2018/01/23 Python
python微信跳一跳系列之棋子定位像素遍历
2018/02/26 Python
Python实现的查询mysql数据库并通过邮件发送信息功能
2018/05/17 Python
Python实现迭代时使用索引的方法示例
2018/06/05 Python
python基于FTP实现文件传输相关功能代码实例
2019/09/28 Python
css sprite简单实例
2016/05/23 HTML / CSS
英国花园、DIY、电器和家居用品商店:Robert Dyas
2019/03/18 全球购物
生日派对邀请函
2014/01/13 职场文书
学校联谊协议书
2014/09/16 职场文书
工作汇报开头与结尾怎么写
2014/11/08 职场文书
优秀教师单行材料
2014/12/16 职场文书
大学生自我推荐信范文
2015/03/24 职场文书
高一军训口号
2015/12/25 职场文书
CocosCreator入门教程之网络通信
2021/04/16 Javascript
Apache Hudi数据布局黑科技降低一半查询时间
2022/03/31 Servers