element table 内启用表单验证后 el-form-item 不垂直居中

Question

Answer 1

1. F12查看el-table-item高度是否设置最小高度，而比el-input默认高度大；
2. F12查看项内是否有margin、padding

Answer 2

启用表单校验后，el-form-item类上会设置margin-bottom属性值，为error信息占位，所以导致了表单元素偏高。

可以通过覆盖原样式

.el-form-item {
  margin-bottom: 0px
}

.el-form-item.is-error {
  margin-bottom: ??px
}

只在出现错误提示时，才设置下边距