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

 更新时间:2020年11月11日 10:03:48   作者:不成什么反成什么  
这篇文章主要介绍了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中的高德轨迹回放

    Vue中的高德轨迹回放

    这篇文章主要介绍了Vue中的高德轨迹回放问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03
  • vue3如何实现变量双向绑定

    vue3如何实现变量双向绑定

    这篇文章主要介绍了vue3如何实现变量双向绑定问题,具有很好的参考价值,希望对大家有所帮助,
    2023-11-11
  • 解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题

    解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题

    这篇文章主要介绍了解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-10-10
  • 基于vue-ssr服务端渲染入门详解

    基于vue-ssr服务端渲染入门详解

    这篇文章主要介绍了基于vue-ssr服务端渲染入门详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • el-table 行合并的实现示例

    el-table 行合并的实现示例

    本文主要介绍了el-table 行合并的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • vue竖向步骤条方式

    vue竖向步骤条方式

    这篇文章主要介绍了vue竖向步骤条方式,具有很好的参考价值,希望对大家有所帮助,
    2023-12-12
  • vue如何将后台返回的数字转换成对应的文字

    vue如何将后台返回的数字转换成对应的文字

    这篇文章主要介绍了vue如何将后台返回的数字转换成对应的文字,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • 基于vue实现图片验证码倒计时60s功能

    基于vue实现图片验证码倒计时60s功能

    这篇文章主要介绍了基于vue实现图片验证码倒计时60s功能,本文通过截图实例代码的形式给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12
  • web前端vue filter 过滤器

    web前端vue filter 过滤器

    vue的过滤器通常用在一些常见的文本格式化,过滤器可以用在两个地方:双花括号插值和 v-bind 表达式。本文给大家介绍了web前端vue filter 过滤器的相关知识,感兴趣的朋友一起看看吧
    2018-01-01
  • vue获取组件中元素宽度常用的方法

    vue获取组件中元素宽度常用的方法

    在Web开发中,获取DOM元素的宽度、高度以及滚动位移是常见的需求,这篇文章主要给大家介绍了关于vue获取组件中元素宽度常用的方法,需要的朋友可以参考下
    2024-08-08

最新评论