vue element-ui Loading加载事件的使用以及自定义Loading加载动画

 elemen-ui官方使用

 <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"
    style="width: 100%">

loading加载事件属性解释

element-loading-text

在绑定了v-loading指令的元素上添加element-loading-text属性，其值会被渲染为加载文案，并显示在加载图标的下方

element-loading-spinner和element-loading-background属性分别用来设定图标类名和背景色值。

作为小白，这次主要记录的问题是，自定义element-ui loading 加载动画

网络查找，思路基本就是这么个思路

直接在全局样式文件中修改: 或者在 app.vue 文件中设置也可以

//index.scss      我这里是 index.scss 文件

//自定义 加载动画
.el-loading-spinner {
  background-image:url('../assets/loading_images/loading.gif');   // 这个是自己想设置的 gif 加载动图
  background-re