一个页面两个el-dialog

如果在同一个页面内需要弹出两个el-dialog，需要注意以下几点：
1. 确保第二个el-dialog的z-index值比第一个el-dialog高，这样才能保证第二个el-dialog在第一个el-dialog上方。
2. 如果第二个el-dialog中包含表单组件，例如el-select，需要注意下拉选项被遮盖的问题。可以通过修改下拉框的z-index值来解决。
3. 如果需要在一个el-dialog内部嵌套另一个el-dialog，或者同一组件有多个el-dialog时，需要使用append-to-body属性，将el-dialog的DOM节点插入到body中，以避免z-index的问题。

相关问题

el-dialog打开两个相同的页面

如果你使用的是 Element UI 中的 el-dialog 组件，那么可以通过以下方式避免打开两个相同的页面：

1. 在打开 el-dialog 之前，先检查当前是否已经打开了该页面，可以通过设置一个标志变量来实现。
2. 如果已经打开了该页面，则不再打开 el-dialog，而是将已经打开的 el-dialog 置于最前面。
3. 如果没有打开该页面，则打开 el-dialog，并将标志变量设置为已打开该页面。

以下是示例代码：

<template>
  <div>
    <el-button @click="openDialog">打开对话框</el-button>
    <el-dialog :visible.sync="dialogVisible">
      <p>对话框内容</p>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      isDialogOpen: false // 标志变量
    };
  },
  methods: {
    openDialog() {
      if (this.isDialogOpen) {
        // 如果已经打开了对话框，则将对话框置于最前面
        this.$refs.dialog.$el.style.zIndex = 2000;
      } else {
        // 如果没有打开对话框，则打开对话框并将标志变量设置为已打开
        this.dialogVisible = true;
        this.isDialogOpen = true;
      }
    }
  }
};
</script>

注意：以上示例代码仅提供参考，具体实现方式可以根据实际情况进行调整。

一个vue页面怎么实现两个表单的el-dialog

您可以使用Vue中的动态组件来实现这个功能。具体地，您可以创建两个组件，每个组件对应一个表单，并将它们放入一个父组件中。在父组件中，您可以使用一个变量来控制哪个表单组件应该显示在对话框中。您可以使用`v-if`或`v-show`指令来根据变量的值来决定哪个表单应该显示。

以下是一个简单的示例代码：

<template>
  <div>
    <el-dialog :visible="dialogVisible" @close="dialogVisible = false">
      <component :is="currentForm"></component>
    </el-dialog>
  </div>
</template>

<script>
import Form1 from './Form1.vue'
import Form2 from './Form2.vue'

export default {
  components: {
    Form1,
    Form2
  },
  data() {
    return {
      dialogVisible: false,
      currentForm: 'Form1'
    }
  },
  methods: {
    showForm1() {
      this.currentForm = 'Form1'
      this.dialogVisible = true
    },
    showForm2() {
      this.currentForm = 'Form2'
      this.dialogVisible = true
    }
  }
}
</script>

在这个示例中，我们定义了一个包含两个表单组件的父组件。在父组件的模板中，我们使用了Element UI的对话框组件，并使用了动态组件来渲染当前选中的表单。我们还定义了两个方法`showForm1`和`showForm2`来切换当前选中的表单。在这两个方法中，我们更新`currentForm`变量的值，并将`dialogVisible`设置为`true`来显示对话框。