element-plus中el-dialog关闭后弹出

的confirm提示框中如何防止重复点击确认按钮？

您好，针对您的问题，可以在关闭 el-dialog 的时候，将 confirm 的 visible 属性设置为 true，同时禁用确认按钮，等待一定时间后再将 visible 设置为 false，同时启用确认按钮。这样可以防止用户重复点击确认按钮。具体实现可以参考以下代码：

<template>
  <div>
    <el-dialog :visible.sync="dialogVisible" @close="handleClose">
      Dialog Content
    </el-dialog>
    <el-dialog :visible.sync="confirmVisible">
      <span>{{ confirmMessage }}</span>
      <div slot="footer">
        <el-button :disabled="isConfirmDisabled" @click="handleConfirm">确认</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      confirmVisible: false,
      confirmMessage: '确认关闭？',
      isConfirmDisabled: false,
    };
  },
  methods: {
    handleClose() {
      this.confirmVisible = true;
      this.isConfirmDisabled = true;
      setTimeout(() => {
        this.confirmVisible = false;
        this.isConfirmDisabled = false;
      }, 3000);
    },
    handleConfirm() {
      // 确认关闭操作
    },
  },
};
</script>

当弹出确认框时，确认按钮会被禁用，防止重复点击。3 秒后，确认框会自动隐藏，同时确认按钮会被启用。当用户点击确认按钮时，可以在 handleConfirm 方法中实现关闭 el-dialog 的操作。

希望对您有所帮助，如有疑问，欢迎继续提问！