elementui加载中

ElementUI提供了el-loading组件来实现加载中的效果。你可以在需要加载中效果的地方使用el-loading组件包裹目标元素。下面是一个示例代码：

<template>
  <div>
    <el-button type="primary" @click="handleClick">点击加载</el-button>
    <el-loading v-if="loading" :text="loadingText" :spinner="spinnerType" :background="background"></el-loading>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        loading: false,
        loadingText: '加载中...',
        spinnerType: 'el-icon-loading',
        background: 'rgba(0, 0, 0, 0.8)'
      };
    },
    methods: {
      handleClick() {
        this.loading = true;
        setTimeout(() => {
          this.loading = false;
        }, 2000);
      }
    }
  };
</script>

在上面的代码中，我们使用了el-button组件来触发加载中效果，点击按钮后将loading属性设置为true，显示el-loading组件。2秒后，loading属性设置为false，加载中效果消失。你可以根据实际需求设置loadingText、spinnerType和background等属性来自定义加载中效果的样式。