<style> .custom-form-item { margin-bottom: 20px; /* 设置每个表单项的下边距 */ } </style> <el-form :model="form"> <el-form-item class="custom-form-item" label="用户名"> <el-input v-model="form.username"></el-input> </el-form...
启用表单校验后,el-form-item类上会设置margin-bottom属性值,为error信息占位,所以导致了表单元素偏高。 可以通过覆盖原样式 .el-form-item { margin-bottom: 0px } .el-form-item.is-error { margin-bottom: ??px } 只在出现错误提示时,才设置下边距 有用 回复 Liam_Turner: 特地注册账号来回复,感谢此...
element-ui改进el-form表单样式,取消form-item底部的边距:form-inner-error,ElementUI默认Form表单的校验信息是显示在form-item底部的,因此底部会有一个空白区域用于显示错误信息默认效果数据校验错误信息展示YESWEB开发框架中,对这一部分的U