嵌套的⼦级 el-dialog 也加上

嵌套的子级`el-dialog`通常用于创建层级结构，比如在一个弹出窗口（dialog）内部再展示另一个更详细的对话框或者内容。在Element UI库中，你可以这样实现：

<template>
  <el-button @click="openFirstDialog">打开一级对话框</el-button>
  
  <!-- 一级对话框 -->
  <el-dialog :visible.sync="firstDialogVisible" title="一级对话框">
    <p>这是第一级的内容...</p>
    
    <!-- 二级对话框 -->
    <el-dialog :visible.sync="secondDialogVisible" title="二级对话框">
      <p>这是第二级更详细的内容...</p>
      <button @click="closeSecondDialog">关闭二级对话框</button>
    </el-dialog>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      firstDialogVisible: false,
      secondDialogVisible: false,
    };
  },
  methods: {
    openFirstDialog() {
      this.firstDialogVisible = true;
    },
    closeSecondDialog() {
      this.secondDialogVisible = false;
    },
  },
};
</script>

在这个例子中，点击“打开一级对话框”会显示第一个`el-dialog`，其中有一个内嵌的`el-dialog`，当点击这个二级对话框内的按钮时，会调用`closeSecondDialog`方法关闭它。