场景:针对表单项的validator得校验,不能够自动撑起tip提示高度,导致遮罩了下边项内容。
解决方式:将对应的提示位置的样式设置为常规流,实现自适应高度;不生效可加入deep(vue2-::v-deep;vue3-:deep())。
.el-form-item {
padding: 8px 6px;
margin-bottom: 0;
.el-form-item__content {
.el-form-item__error {
position: static; // 常规流
}
}
}
人生海海,码途徐徐,在每一段经历中,留下成长的印记,爱自己爱生活爱思考!