elementui loading customclass

要为 Element UI Loading 组件添加自定义类名，可以使用 `custom-class` 属性。将此属性设置为一个字符串，其中包含您要添加的类名。例如：

<template>
  <div>
    <el-button @click="showLoading">显示 Loading</el-button>
    <el-loading :custom-class="'my-custom-class'" :visible="loadingVisible"></el-loading>
  </div>
</template>

<script>
export default {
  data() {
    return {
      loadingVisible: false
    }
  },
  methods: {
    showLoading() {
      this.loadingVisible = true
    }
  }
}
</script>

<style>
.my-custom-class {
  background-color: yellow;
}
</style>

在上面的示例中，我们将 `custom-class` 属性设置为 `'my-custom-class'`，并将该类添加到样式表中。加载指示器将使用该类名，因此它将具有黄色的背景颜色。

相关问题

elementui loading

element-ui的loading组件可以给表格、整个页面或者页面上的任意DOM元素添加loading效果。可以通过调用`this.$loading()`方法来创建loading实例，然后可以通过`close()`方法来停止loading。此外，也可以以服务的方式调用loading，需要引入`Loading`服务。如果需要自定义loading样式，可以在项目的asserts文件夹下新建CSS文件夹，在里面编写自定义的element类CSS样式。

elementui loading 阻塞

ElementUI 的 Loading 组件默认是不会阻塞页面的，因为它是使用 CSS3 动画实现的，不会阻塞 JavaScript 的执行。但是，如果在 Loading 显示期间需要进行一些耗时的操作，如请求数据等，可能会使页面出现卡顿的现象。这种情况下可以考虑使用异步操作或者 Web Worker 来解决。另外，也可以在 Loading 显示期间给用户一些提示，如“数据正在加载中，请稍等”，让用户知道程序正在处理数据，减少用户的不良体验。