可是他们是父子组件关系 一个el-dialog嵌套在另一个el-dialog内

哦，我明白了。那么，您可以使用Vue的<slot>元素来解决这个问题。您可以将第二个el-dialog组件的内容包装在一个<slot>元素中，然后将这个<slot>元素插入到第一个el-dialog组件的模板中，这样就可以在第一个el-dialog组件中嵌套第二个el-dialog组件了。以下是一个示例代码：

<template>
  <div>
    <el-dialog :visible.sync="dialogVisible1">
      <span>第一个对话框</span>
      <el-button @click="dialogVisible2 = true">打开第二个对话框</el-button>
      <el-dialog :visible.sync="dialogVisible2">
        <span slot="title">第二个对话框</span>
        <span>这是第二个对话框的内容</span>
      </el-dialog>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible1: false,
      dialogVisible2: false
    };
  }
};
</script>

在这个示例中，我们在第一个el-dialog组件的模板中嵌套了第二个el-dialog组件，并在第一个el-dialog组件中添加了一个按钮，以打开第二个el-dialog组件。第二个el-dialog组件的标题是通过使用slot属性插入的。