给el-dialog添加加载效果

可以通过在 el-dialog 组件添加 v-if 属性，并将其绑定到一个 Boolean 类型的变量上来实现加载效果。当变量值为 true 时，显示加载效果，否则不显示。具体可参考以下代码：

<template>
<el-dialog :visible.sync="dialogVisible">
<div v-if="loading">
// 加载效果
</div>
<div v-else>
// 对话内容
</div>
</el-dialog>
</template>

<script>
export default {
data() {
return {
dialogVisible: false,
loading: true,
}
},
methods: {
// 异步请求数据
fetchData() {
// 显示加载效果
this.loading = true;
// 发送请求
// 请求成功后关闭加载效果并更新对话内容
}
}
}
</script>