el-dialog v-loading

`el-dialog` 是 Element UI 中的一个内置组件，它是一个轻量级的弹出框，通常用于显示模态信息、确认对话框等。`v-loading` 是 Vue.js 的一种指令，用于动态加载状态的展示，当 `v-loading` 指令绑定到某个元素上时，该元素会显示一个加载动画，表明内容正在加载中。

当你需要在 `el-dialog` 中显示一些数据加载过程，并希望用户能感知到操作正在进行时，可以结合使用 `v-loading` 属性。例如：

<template>
  <el-dialog
    title="加载中"
    :visible.sync="dialogVisible"
    :loading="isLoading"
  >
    <div v-if="!isLoading">
      <!-- 显示实际的内容 -->
    </div>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      isLoading: true, // 初始设置为加载状态
    };
  },
  methods: {
    fetchData() {
      this.isLoading = true; // 开始加载时设为 true
      // 这里模拟异步数据请求
      setTimeout(() => {
        this.isLoading = false; // 数据加载完成设为 false
        // 这里处理返回的数据并更新视图
      }, 2000);
    },
  },
  mounted() {
    this.fetchData();
  },
};
</script>