Loading 加载
优质
小牛编辑
124浏览
2023-12-01
这是一个 属性型指令,它可以被用在任何元素上。
加载数据时显示动效。
区域加载
在容器中加载数据时显示。
默认状况下,Loading 遮罩会插入到绑定元素的子节点
<!-- 你可以为 [el-loading] 绑定一个变量--> <!-- 默认将占满整个父级窗口 --> <div [el-loading]="true"> <el-tag>加载中..</el-tag> </div>
加载文案
可自定义加载文案。
text
属性是当元素应用 el-loading
指令时才被额外附加的。
<div class="demo" [el-loading]="true" [text]="'拼命加载中'"> <el-tag>加载中..</el-tag> </div>
整页加载
页面数据加载时显示。
需要全局的遮罩时,请设置 full-screen
选项。" >
Loading Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
el-loading | 指令名 (必填),同时接受一个布尔值,标识加载是否显示 | boolean | ||
full-screen | 是否全屏显示遮罩 | boolean | ||
custom-class | 遮罩层的额外 class | string | ||
lock | 全屏遮罩时,是否禁用滚动 | boolean | ||
text | 加载时的提示文字 | string | ||
el-loading-top | loading 图标与顶部的距离 | string |