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

在使用 ElementUI 的 el-dialog 时，如果需要在同一个页面中显示和隐藏多个 el-dialog，可以通过以下步骤实现：

1. 给每个 el-dialog 添加一个唯一的 ref 属性，例如：

<el-dialog ref="dialog1">...</el-dialog>
<el-dialog ref="dialog2">...</el-dialog>

2. 在需要显示/隐藏 dialog 的地方，通过 this.$refs.dialogName.open() / this.$refs.dialogName.close() 方法来控制 dialog 的显示和隐藏，其中 dialogName 为对应的 dialog 的 ref 名称，例如：

this.$refs.dialog1.open(); // 显示 dialog1
this.$refs.dialog2.close(); // 隐藏 dialog2

3. 如果需要在 dialog 中进行确认操作，可以通过在 dialog 中添加一个确定按钮，然后在按钮的 click 事件中调用 this.$emit('confirm') 方法来触发确认操作，例如：

<el-dialog ref="dialog1">
  ...
  <div slot="footer">
    <el-button @click="$emit('confirm')">确定</el-button>
  </div>
</el-dialog>

4. 在页面中监听 dialog 的 confirm 事件，并在事件中处理确认操作，例如：

<template>
  ...
</template>
<script>
export default {
  methods: {
    showDialog() {
      this.$refs.dialog1.open();
    },
    handleConfirm() {
      // 处理确认操作
    }
  },
  mounted() {
    this.$refs.dialog1.$on('confirm', this.handleConfirm);
  }
};
</script>

注意，以上代码仅为示例，具体实现方式还需根据实际情况进行调整。