Loading 加载

优质
小牛编辑
127浏览
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遮罩层的额外 classstring
lock全屏遮罩时,是否禁用滚动boolean
text加载时的提示文字string
el-loading-toploading 图标与顶部的距离string