当前位置:主页 > 网页前端 > vue >

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

时间:2021-04-15 11:18:09 | 栏目:vue | 点击:

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

//开启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 里面的按钮点击后显示加载中,防止重复提交

第一步:

第二步:

第三步:

效果

您可能感兴趣的文章:

相关文章