elmessage怎么弹出确认框用户点击后再关闭

您可以使用以下代码在el-message中弹出确认框，并在用户点击后关闭el-message：

this.$message({
  message: '确认要关闭吗？',
  showClose: true,
  duration: 0, // 设置为0，使el-message不会自动关闭
  dangerouslyUseHTMLString: true,
  type: 'warning',
  showCancelButton: true,
  closeOnClickModal: false,
  closeOnPressEscape: false,
  beforeClose: (action, instance, done) => {
    if (action === 'confirm') {
      done(); // 关闭el-message
    } else {
      // 不关闭el-message
    }
  }
});

在上述代码中，我们使用this.$message方法弹出el-message，并设置了以下参数：

• message：显示的消息内容。
• showClose：显示关闭按钮。
• duration：设置为0，使el-message不会自动关闭。
• dangerouslyUseHTMLString：允许在message中使用HTML字符串。
• type：消息类型，这里设置为'warning'。
• showCancelButton：显示取消按钮。
• closeOnClickModal：点击遮罩层是否关闭el-message。
• closeOnPressEscape：按下Esc键是否关闭el-message。
• beforeClose：在el-message关闭之前触发的回调函数。我们在这里判断用户的操作，如果点击了确认按钮，则调用done()关闭el-message，否则不关闭。

请注意，这里使用的是this.$message方法，如果您是在Vue组件中使用，需要确保已经引入了Element UI，或者在Vue组件中注册了Element UI的消息组件