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

在Vue中，可以通过引入多个el-dialog组件来实现一个页面中展示多个弹窗的需求。具体步骤如下：

1. 在需要展示弹窗的地方，使用el-dialog组件进行定义，并设置相应的属性。例如：

<el-dialog :visible.sync="dialogVisible1">
  <span>这是弹窗1</span>
</el-dialog>

<el-dialog :visible.sync="dialogVisible2">
  <span>这是弹窗2</span>
</el-dialog>

2. 在data中定义相应的变量，用于控制弹窗的显示与隐藏。例如：

data() {
  return {
    dialogVisible1: false,
    dialogVisible2: false
  }
}

3. 在需要打开弹窗的事件中，修改对应的data变量，使弹窗显示出来。例如：

methods: {
  openDialog1() {
    this.dialogVisible1 = true
  },
  openDialog2() {
    this.dialogVisible2 = true
  }
}

4. 在需要关闭弹窗的事件中，同样修改对应的data变量，使弹窗隐藏起来。例如：

methods: {
  closeDialog1() {
    this.dialogVisible1 = false
  },
  closeDialog2() {
    this.dialogVisible2 = false
  }
}

这样，就可以在一个Vue页面中引入多个el-dialog组件，实现多个弹窗的需求。