ElementUI中的MessageBox 消息弹框没用遮罩层怎么办

Element UI 的 MessageBox 是一个用于显示消息提示、警告或确认对话框的功能组件。如果你想要自定义 MessageBox 并移除默认的遮罩层，可以这样做：

1. 使用 `props` 自定义 MessageBox 组件：在调用 MessageBox 时，你可以传递一个包含你需要设置的属性的对象。例如，去除遮罩层的 `mask` 属性可以设置为 `false` 或者 `null`。

import { MessageBox } from 'element-ui';

// 调用 MessageBox 并移除遮罩层
MessageBox.confirm('这是一个自定义提示', {
  mask: false, // 或者 mask: null,
  message: '这是内容',
  showCancelButton: true,
  onConfirm() {
    console.log('确认');
  },
  onCancel() {
    console.log('取消');
  }
});

2. 如果你是在 Vue 项目中使用，你还可以通过 CSS 来隐藏遮罩层。在项目的 CSS 文件中添加以下样式：

.el-message-box__wrap {
  display: none !important; /* 或者设置 opacity: 0; 和 pointer-events: none; */
}

请注意，这样操作可能会对组件的行为造成一些影响，如失去关闭动画等。如果你只是偶尔需要去掉遮罩，建议仅在特定场景下修改，如果需要长期禁用，可能需要深入研究 Element UI 的源码或者寻找更适合的替代方案。