vue Element ui增加loading效果_el-dialog v-loading-程序员宅基地

技术标签: elementui  前端  element ui  javascript  

1.在需要加loading 的标签加v-loading="loading",该项目为折线图

<div id="gate-shore1" class="gate-shore-wrap" v-loading="loading"></div>

2.在组件内引入Element-UILoading

import {
    Loading
}
from 'element-ui'

3.在组件data里面增加属性及属性值loading: true

4.在方法里面写代码,关于组件的开始以及关闭

startLoading: function() {
loading = Loading.service({
    lock: true,
    text: '加载中……',
    background: 'rgba(0, 0, 0, 0.7)'
})
},
endLoading: function() {
    loading.close()
}

5.利用this.loading=truethis.loading=false,对页面的Loading加载进行控制

Vue

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/m0_49471668/article/details/121487935

智能推荐

MMDetection 训练 无人机目标检测VisDrone数据集 记录_无人区目标检测数据集-程序员宅基地

文章浏览阅读1.5k次,点赞4次,收藏4次。矩池云配置MMDetection实现目标检测训练_无人区目标检测数据集

opencv-python使用GPU资源--虚拟环境安装与编译opencv源码_cv2.cuda.getcudaenableddevicecount()-程序员宅基地

文章浏览阅读1.1w次,点赞9次,收藏42次。本篇博文主要记录在windows系统opencv-Python的CUDA版本的编译与安装_cv2.cuda.getcudaenableddevicecount()

Vue Cannot read properties of null (reading ‘setAttribute‘) 报错_cannot read properties of null (reading 'setattrib-程序员宅基地

文章浏览阅读8.1k次,点赞6次,收藏2次。vue+element-ui 的项目报这个错:Cannot read properties of null (reading 'setAttribute') 或者Cannot read property 'disabled' of null 报错是因为我们使用了element的组件 <el-dropdown> </el-dropdown> 却没有使用它的子组件而报错, 加上子组件就好了: <el-dropdown> &_cannot read properties of null (reading 'setattribute')

人工智能算法分类-程序员宅基地

文章浏览阅读5.8k次。一、人工智能学习算法分类人工智能算法大体上来说可以分类两类:基于统计的机器学习算法(Machine Learning)和深度学习算法(Deep Learning)总的来说,在sklearn中机器学习算法大概的分类如下:纯算法类(1).回归算法(2).分类算法(3).聚类算法(4)降维算法(5)概率图模型算法(6)文本挖掘算法(7)优化算法(8)深度学习算法2.建模方面(1)模型优化(2)数据预处理二、详细算法1.分类算法(1).LR (Logistic Regressi_人工智能算法分类

Java 3DES ECB NoPadding-程序员宅基地

文章浏览阅读6.8k次。在搞银联POS机的东东,略感头疼,搞了N久,还是终端-Hulk 给的方法解决了3DES加密解密的难题。import java.security.Key;import java.security.spec.KeySpec;import javax.crypto.Cipher;import javax.crypto.SecretKey;import javax.crypto.Secret_java 3des ecb nopadding

一篇文章教你学会Webots 3D视窗里的所有操作_如何在webots中给球体施加一个力-程序员宅基地

文章浏览阅读3.2k次。Webots初学者入门教程--3D视窗_如何在webots中给球体施加一个力

随便推点

VC++基于CXImage库实现缩略图-程序员宅基地

文章浏览阅读164次。一般的图像处理软件都对读入程序的图像文件建一个缩略图的列表,像ACDSee那样。笔者最近在做一个图像处理的项目,处理的原始数据就是图像文件。从项目一开始就想做一个缩略图,但一直苦于技术水平有限,且时间也不允许。最近两天闲暇之余就Google,百度了一下,仔细研究了一下缩略图的实现方法。其实用VC++实现一个缩略图的思想并不复杂。就是分两步:1.创建CListCtrl控件和CImageList图像列..._vc++缩放图片

软件测试的术语SRS,HLD,LLD,BD,FD,DD意义_项目lld是个啥东西-程序员宅基地

文章浏览阅读2.9w次,点赞22次,收藏110次。一,软件测试的术语SRS,HLD,LLD,BD,FD,DD分别是什么意思?SRS:需求分析文档;HLD:概要设计文档;LLD:详细设计文档;BD:基本设计;DD:详细设计;FD:结构设计;二,在软件开发过程中,详细设计(LLD)、概要设计(HLD)、需求规格说明书(SRS)三个文档所描述的内容转载自:百度 小桨荡轻舟在软件开发过程中,详细设计(LLD)..._项目lld是个啥东西

VSCode 如何查看git提交的历史记录或逐行记录_git查看行代码历史纪录vacode-程序员宅基地

文章浏览阅读2.8w次,点赞8次,收藏16次。1:打开VSCode左边栏,选择“Extension”图标2:直接搜索Git history 和 Gitlens,直接安装,然后重启编辑器。Gitlens这个插件主要是引用在当前文件某个地方的审查中会比较方便,可直接跟踪最新的修改记录3:任意选择一个文件,你鼠标点击哪一行代码,后面都会提示谁在什么时候做了什么,鼠标悬浮提示上便会直接显示作者,版本,时间,点击作者直接可以发邮件,非常方便呢4:当然,你如果不需要逐行代码展示,觉得麻烦,也可以搜索出 Gitlens 拓展插件,直接禁用,重启便可..._git查看行代码历史纪录vacode

server是什么意思_server标签的含义-程序员宅基地

文章浏览阅读1.1w次。服务器/伺服器(server)是一种计算机,用于处理请求并通过 Internet 或本地网络将数据传送到另一台计算机。大多数人将“服务器”一词理解为网络服务器,其中可以通过诸如网络浏览器之类的客户端在因特网上访问网页。但是,有几种类型的服务器,包括本地服务器,如在 Intranet 网络中存储数据的文件服务器。虽然任何运行必要软件的计算机都可以作为服务器使用,但这个词的最典型用途是引用巨大的,高功率的机器,这些机器起到泵从互联网推送和提取数据的作用。大多数计算机网络支持一个或多个处理特定任务_server标签的含义

MyBatis中if - else if - else 的使用_mybatis if else-程序员宅基地

文章浏览阅读10w+次,点赞38次,收藏100次。https://www.cnblogs.com/buzheng/p/12485464.htmlMyBatis中if - else if - else 的使用有表user(id, name, state, sex, age)1、单个 if - else 使用。  根据状态不同进行查询  <select id="selectUserByState" resultType="com.bz.model.entity.User"> SELECT ..._mybatis if else

黑群晖核显硬解,不重装系统的方法,直接替换文件emby,Jellyfin等开硬解_黑群晖3617xs核显硬解-程序员宅基地

文章浏览阅读2.3w次,点赞5次,收藏23次。文件已上传,请在我的资源里找一下最近群晖nas上在用emby,感觉很不错但更新缩略图的时候,查看日志总会报错原来是装的二合一系统,没有核显文件上网找的方法都是需要重做系统,SSH也不靠谱,找不到挂载路径最后还是想到了最原始的方法,用pe系统里面的diskgunius直接替换,简单粗暴方法:1.准备好PE系统U盘2.准备好extra.lzma和extra2.lzma两个文件可自行搜索,或者下载我准备好的文件https://download.csdn.net/downlo_黑群晖3617xs核显硬解

推荐文章

热门文章

相关标签