笔记：Element UI Dialog弹框水平垂直居中

需求：element dialog 默认不是水平居中的需要改为水平垂直居中

方法一：

全局设置

在App.vue中添加代码👇

/* 全局设置 element ui dialog水平垂直居中 */
.el-dialog {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0px !important;
}

方法二：

局部

在当前组件内有效👇


/deep/ .el-dialog {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0px !important;
}