一个vue页面中引入多个el-dialog.vue组件

可以在一个vue页面中引入多个el-dialog.vue组件。只需要在页面的template中分别定义不同的el-dialog组件，然后在script中分别引入对应的组件即可。

例如：

<template>
  <div>
    <el-button @click="showDialog1 = true">打开对话框1</el-button>
    <el-dialog title="对话框1" :visible.sync="showDialog1">
      对话框1内容
    </el-dialog>

    <el-button @click="showDialog2 = true">打开对话框2</el-button>
    <el-dialog title="对话框2" :visible.sync="showDialog2">
      对话框2内容
    </el-dialog>
  </div>
</template>

<script>
import { ElButton, ElDialog } from 'element-ui';

export default {
  components: {
    ElButton,
    ElDialog
  },
  data() {
    return {
      showDialog1: false,
      showDialog2: false,
    }
  }
}
</script>

在这个例子中，我们定义了两个el-dialog组件，分别是对话框1和对话框2，然后在script中引入了Element UI中的ElButton和ElDialog组件，并在data中定义了两个变量showDialog1和showDialog2来控制对话框的显示和隐藏。最后在template中使用el-button组件来触发显示对应的对话框。