自定义指令为v-loading,只需要绑定Boolean即可。
v-loading="loading" loading为true则显示加载动效,为false则不显示加载动效
自定义加载文案,图表,背景色
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
当需要全屏加载则添加fullscreen修饰符
v-loading.fullscreen="loading"
若需要锁定屏幕的滚动,可以使用lock修饰符
v-loading.lock="loading"
实例
<el-table
ref="multipleTable"
v-loading.fullscreen.lock="loading"
element-loading-text="加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
:data="tableData"
height="100%"
> </el-table>
转自文章:https://www.cnblogs.com/shenStudy/p/15403877.html