Vue里如何让Element-UI加载状态变成长尾？

本文共计256个文字，预计阅读时间需要2分钟。

需要添加加载状态，调用下方方法即可。启动loading：

javascriptconst load=_this.$loading({ lock: true, text: 'Loading', spinner: 'el-icon-loading', background: 'rgba(0, 0, 0, 0.7)'});

关闭loading：

javascriptload.close();

补充知识：在Vue中，使用`$loading`方法可以创建一个全局的加载遮罩层，常用于异步操作时的加载提示。

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

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