el-form表单校验时的错误提示不显示问题

使用必填字段校验时,在控制台中能够看到存在校验提示,但是在页面中却没有显示出来. 百思不得其解,后来发现是因为在表单布局时使用了flex布局,而在 .el-form-item__error中继承了display:flex这一属性,因此需要重新将display设置为block

  .el-form-item__error {
    display: block !important;
  }

至此,问题解决.