elementui 实现弹框一直展示，在点击其他位置时再关闭（或可手动关闭）

需求

elementui 实现弹框一直展示，在点击其他位置时再关闭（或可手动关闭）

分析

在Element UI中，

this.$message({
        message: '数据读取中',
        type: "success",
        showClose: false,
        duration:0,
      });

返回的是一个 Message 实例，你可以通过自定义配置来实现点击其他地方时关闭提示信息。具体做法是设置showClose 为 false，并使用message返回的是一个Message实例，你可以通过自定义配置来实现点击其他地方时关闭提示信息。具体做法是设置‘showClose‘为false，并使用‘this.message返回的Message实例的close`方法手动关闭提示信息。

下面是代码示例：

// 显示消息，并保存Message实例到变量message
let message = this.$message({
  message: '数据读取中',
  type: 'success',
  showClose: false, // 关闭默认的关闭按钮
  duration: 0 // 不自动关闭
});

// 绑定全局的点击事件，点击其他地方时关闭提示信息
document.body.addEventListener('click', function() {
  if (message) {
    message.close(); // 手动关闭提示信息
  }
});

在这个示例中，当消息弹出后，我们通过document.body.addEventListener绑定了一个全局的点击事件，当点击页面上其他任意地方时，会关闭提示信息。