elementui一个页面多个el-dialog的显示与隐藏

要在一个页面中显示和隐藏多个 `el-dialog` 组件，可以使用以下步骤：

1. 使用 `v-model` 绑定一个变量来控制 `el-dialog` 的显示和隐藏状态。

<el-dialog v-model="dialogVisible1">...</el-dialog>
<el-dialog v-model="dialogVisible2">...</el-dialog>

2. 在 `data` 中定义 `dialogVisible1` 和 `dialogVisible2` 变量，并初始化为 `false`。

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

3. 在需要显示 `el-dialog` 的元素上添加点击事件，并将 `dialogVisible` 变量设置为 `true`。

<el-button @click="dialogVisible1 = true">显示对话框1</el-button>
<el-button @click="dialogVisible2 = true">显示对话框2</el-button>

4. 在 `el-dialog` 的 `closed` 事件中将 `dialogVisible` 变量设置为 `false`，以便在关闭对话框时隐藏它。

<el-dialog v-model="dialogVisible1" @closed="dialogVisible1 = false">...</el-dialog>
<el-dialog v-model="dialogVisible2" @closed="dialogVisible2 = false">...</el-dialog>