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 相关文章推荐
用js统计用户下载网页所需时间的脚本
Oct 15 Javascript
jquery重新播放css动画所遇问题解决
Aug 21 Javascript
一个奇葩的最短的 IE 版本判断JS脚本
May 28 Javascript
jQuery Ajax 全局调用封装实例代码详解
Jun 02 Javascript
jQuery中DOM节点的删除方法总结(超全面)
Jan 22 Javascript
简单实现js菜单栏切换效果
Mar 04 Javascript
Js自动截取字符串长度,添加省略号(……)的实现方法
Mar 06 Javascript
Vue2几种常见开局方式详解
Sep 09 Javascript
详解基于vue的服务端渲染框架NUXT
Jun 20 Javascript
详解如何理解vue的key属性
Apr 14 Javascript
基于vue、react实现倒计时效果
Aug 26 Javascript
vscode中eslint插件的配置(prettier配置无效)
Sep 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
php简单计算页面加载时间的方法
2015/06/19 PHP
ThinkPHP框架分布式数据库连接方法详解
2017/03/14 PHP
基于jquery的分页控件(C#)
2011/01/06 Javascript
js获得鼠标的坐标值的方法
2013/03/13 Javascript
jquery删除数据记录时的弹出提示效果
2014/05/06 Javascript
分享2个jQuery插件--jquery.fileupload与artdialog
2014/12/26 Javascript
js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果
2015/08/31 Javascript
js实现TAB切换对应不同颜色的代码
2015/08/31 Javascript
深入解析JavaScript的闭包机制
2015/10/20 Javascript
js如何改变文章的字体大小
2016/01/08 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
2016/01/18 Javascript
Bootstrap响应式侧边栏改进版
2016/09/17 Javascript
jquery广告无缝轮播实例
2017/01/05 Javascript
js实现简单的获取验证码按钮效果
2017/03/03 Javascript
JavaScript中数组常见操作技巧
2017/09/01 Javascript
Vue全家桶实践项目总结(推荐)
2017/11/04 Javascript
js实现删除li标签一行内容
2019/04/16 Javascript
Vue Object.defineProperty及ProxyVue实现双向数据绑定
2020/09/02 Javascript
nuxt.js写项目时增加错误提示页面操作
2020/11/05 Javascript
用Python编写一个每天都在系统下新建一个文件夹的脚本
2015/05/04 Python
python绘图方法实例入门
2015/05/19 Python
GitHub 热门:Python 算法大全,Star 超过 2 万
2019/04/29 Python
使用python打印十行杨辉三角过程详解
2019/07/10 Python
把django中admin后台界面的英文修改为中文显示的方法
2019/07/26 Python
Python 中@property的用法详解
2020/01/15 Python
PyCharm2020.1.1与Python3.7.7的安装教程图文详解
2020/08/07 Python
pymysql模块使用简介与示例
2020/11/17 Python
财务会计应届生求职信
2013/11/24 职场文书
成语的广告词
2014/03/19 职场文书
法人授权委托书范本
2014/04/04 职场文书
企业务虚会发言材料
2014/10/20 职场文书
2014年医德医风工作总结
2014/11/13 职场文书
放弃遗产继承公证书
2015/01/26 职场文书
语文教师求职信范文
2015/03/20 职场文书
导游经典开场白——导游词
2019/04/17 职场文书
python 调用js的四种方式
2021/04/11 Python