elementUI 的内置指令用法及实现原理

elementUI 提供了一个内置加载中指令，只需要在data中定义布尔值即可。例如

<el-main v-loading="pictLoading" element-loading-background="rgba(0, 0, 0, 0.5)"
         element-loading-text="图标正在加载中">
</el-main>

element-loading-text="拼命加载中"  设置loading文字

element-loading-background="rgba(0, 0, 0, 0.8)" 设置loading背景

element-loading-spinner="el-icon-loading" 设置loading图标

 

 

实现原理参考：https://segmentfault.com/a/1190000018713438