如何让element ui的MessageBox框在顶部

可以使用CSS样式来让element ui的MessageBox框在顶部。具体方法如下：

1. 在MessageBox弹窗弹出之前，先获取窗口的高度和宽度：

let height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
let width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

2. 设置MessageBox的样式，让其位于窗口顶部：

.el-message-box__wrapper {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

3. 在弹窗弹出之前，设置MessageBox的样式：

MessageBox.confirm('确认要删除吗？', '提示', {
  confirmButtonText: '确定',
  cancelButtonText: '取消',
  type: 'warning',
  center: true,
  beforeClose: (action, instance, done) => {
    instance.$el.style.top = '0';
    instance.$el.style.left = '50%';
    instance.$el.style.transform = 'translateX(-50%)';
    done();
  }
});

这样就可以让MessageBox框在窗口顶部显示了。