this.$confirm遮罩层显示与隐藏如何设置

`this.$confirm` 是 Element Plus 中的一个方法，用于创建一个可确认的弹出框，它通常会在页面上弹出一个包含确认和取消按钮的提示。关于遮罩层（也称为模态层）的显示与隐藏，通常在调用 `this.$confirm` 时，Element UI 会自动处理这个过程，无需额外设置：

1. 显示 confirm 遮罩层：

this.$confirm('这是一个确认消息', '标题', {
  // 可选配置项，如：type ('info', 'success', 'warning', 'danger')
  type: 'warn',
  // 是否允许关闭
  closeOnConfirm: true,
  // 确认回调函数
  onConfirm() {
    // 这里可以执行操作，然后遮罩层会自动消失
  },
}).then(() => {
  // 如果用户点击确认，这里会被执行
}).catch(() => {
  // 如果用户点击取消，这里会被执行
});

2. 遮罩层的自动隐藏：
当调用的 confirm 方法的 `onConfirm` 或者其返回的 Promise 解决后，遮罩层会自动关闭。

如果你想在其他时间手动控制遮罩层的显示和隐藏，可以使用 Vue 的 `$refs` 特性获取到 confirm 对象，并调用它的 `show` 和 `hide` 方法：

const confirmInstance = this.$refs.confirm;
confirmInstance.show(); // 显示
setTimeout(() => {
  confirmInstance.hide(); // 隐藏，这里你可以调整时间或添加条件判断
}, 2000); // 模拟延迟两秒后隐藏