一个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`来显示对话框。