elementui-loading

前面写过一次loading组件的js组件使用：### 封装Loading组件-JS组件

elementUI提供了loading组件的简便使用：

1、在table等组件上绑定指令：v-loading="loading"，然后通过控制变量loading的值为true或false，改变现实和隐藏

<el-table v-loading="loading">

2、在使用指令的基础上，自定义加载文案、图标和背景色：

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

3、以上都是给单个的组件添加loading条，如果要给整页进行加载：fullscreen修饰符将遮罩插入到body上，lock修饰符锁定屏幕滚动

<button v-loading.fullscreen.lock="fullscreenLoading">

4、整页加载可以使用服务的方式：

标签：修饰符,loading,elementui,整页,使用,组件,加载
来源： https://www.cnblogs.com/wuqilang/p/13166393.html