elementui遮罩层

Element UI 提供了一个组件 `el-loading`，可以用来实现遮罩层效果。你可以在需要显示遮罩层的地方使用这个组件。

首先，你需要在你的项目中引入 Element UI 库。在你的代码中，使用下面的代码导入 `el-loading` 组件：

<template>
  <div>
    <!-- 遮罩层 -->
    <el-loading :text="loadingText" :fullscreen="true"></el-loading>
    
    <!-- 其他内容 -->
    ...
  </div>
</template>

<script>
export default {
  data() {
    return {
      loadingText: '加载中...', // 遮罩层显示的文本信息
    }
  },
  ...
}
</script>

在上面的代码中，`el-loading` 组件被放置在需要显示遮罩层的地方，通过设置 `fullscreen` 属性为 `true`，可以将遮罩层设置为全屏显示。你还可以通过设置 `text` 属性来自定义遮罩层的文本信息。

当你需要显示遮罩层时，可以通过修改 `loadingText` 数据属性来改变遮罩层的文本信息。比如，你可以在异步请求数据时将 `loadingText` 设置为 "正在加载数据..."，请求完成后恢复为默认值。

希望这个解答能帮到你！如有更多问题，请继续提问。