v-loading加载效果

1.自定义加载

添加 element-loading-text 属性为加载文字显示在加载图标的下方， element-loading-spinner 属性为设定图标的类名，element-loading-background 属性为背景色值，代码如下：

<el-table :data="tableData"
    v-loading="loading"
    element-loading-text="拼命加载中"
    element-loading-spinner="el-icon-loading"
    element-loading-background="rgba(0, 0, 0, 0.8)">
</el-table>

2.整页加载

    使用指令方式来实现整页加载时，全屏遮罩需要添加fullscreen修饰符（遮罩会插入至 body 上），此时若需要锁定屏幕的滚动，可以使用lock修饰符，代码如下：

v-loading.fullscreen.lock="loading"