需要添加加载状态,调用下面方法即可

//开启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中的加载中状态就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

标签:
vue,element-ui,加载中状态

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com

评论“vue 实现element-ui中的加载中状态”

暂无“vue 实现element-ui中的加载中状态”评论...