el-dialog加loading

为了在el-dialog中添加loading，您可以使用以下步骤：

1.在el-dialog中添加一个v-if属性，该属性将在需要时显示对话框。

2.在el-dialog中添加一个v-loading属性，该属性将在对话框中显示加载动画。

下面是一个示例代码，演示如何在el-dialog中添加loading：

<template>
  <div>
    <el-button @click="showDialog">打开对话框</el-button>
    <el-dialog :visible.sync="dialogVisible" v-loading="loading">
      <span>这是一个对话框</span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      loading: false
    };
  },
  methods: {
    showDialog() {
      this.dialogVisible = true;
      this.loading = true;
      setTimeout(() => {
        this.loading = false;
      }, 2000);
    }
  }
};
</script>

在上面的代码中，我们使用了v-if和v-loading属性来控制对话框的显示和加载动画的显示。当用户单击“打开对话框”按钮时，我们将dialogVisible属性设置为true，这将显示对话框。我们还将loading属性设置为true，这将显示加载动画。在2秒后，我们将loading属性设置为false，这将隐藏加载动画。