在vue3中MessageBox居中如何设置

在 Vue 3 中，你可以使用以下 CSS 样式来让 MessageBox 居中：

.el-message-box__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

将上述代码添加到你的全局 CSS 文件中，或者在组件中使用 `<style>` 标签添加样式即可。注意，这个样式可能会影响到其他的弹窗组件，所以最好在添加样式时添加一个类名，例如：

.centered-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

然后在使用 MessageBox 的时候，加入 `custom-class` 属性：

this.$messageBox({
  title: '提示',
  message: '这是一条提示信息',
  customClass: 'centered-box'
})

这样就可以让 MessageBox 居中了。