服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - vue 实现element-ui中的加载中状态

vue 实现element-ui中的加载中状态

2021-11-14 15:52不成什么反成什么 JavaScript

这篇文章主要介绍了vue 实现element-ui中的加载中状态,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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

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

原文链接:https://blog.csdn.net/liukai6/article/details/80748577

延伸 · 阅读

精彩推荐