AI 助理
备案控制台
开发者社区 云计算 文章 正文

表单项validator的校验tip未撑起高度，导致遮盖下边项的内容

2024-01-23 27
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 表单项validator的校验tip未撑起高度，导致遮盖下边项的内容

场景：针对表单项的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; // 常规流
      }
    }
  }

78eef84006364e839f2a3620f91f21e9.png


番茄大大~
目录
相关文章
朝阳39
|
2月前
|
前端开发
css 超实用的:empty —— 隐藏空元素、缺失字段智能提示
css 超实用的:empty —— 隐藏空元素、缺失字段智能提示
朝阳39
49 0
xiaohua616
|
4月前
uniapp uni-combox 下拉提示无匹配项（完美解决--附加源码解决方案及思路）
uniapp uni-combox 下拉提示无匹配项（完美解决--附加源码解决方案及思路）
xiaohua616
242 0
程序三两行
|
4月前
layui根据数据状态判断显示内容
layui根据数据状态判断显示内容
程序三两行
143 0
漏刻有时
layui表单select框同时支持下拉和输入的解决方案
layui表单select框同时支持下拉和输入的解决方案
漏刻有时
315 0
童小纯
|
4月前
|
JavaScript 前端开发 Java
若依框架---选中某值 其他值自动回调填充
若依框架---选中某值 其他值自动回调填充
童小纯
161 0
童小纯
|
4月前
|
JSON 定位技术 数据格式
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解（学习总结---从入门到深化）（下）
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解（学习总结---从入门到深化）
童小纯
57 0
童小纯
|
4月前
|
JavaScript 前端开发 定位技术
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解（学习总结---从入门到深化）（上）
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解（学习总结---从入门到深化）
童小纯
55 0
讓丄帝愛伱
|
10月前
|
前端开发
Layui表单必填项自动打红色*号
Layui表单必填项自动打红色*号
讓丄帝愛伱
297 0
讓丄帝愛伱
|
10月前
layui input框日期框列表显示默认历史搜索记录
layui input框日期框列表显示默认历史搜索记录
讓丄帝愛伱
59 0
萌萌哒草头将军
|
11月前
|
敏捷开发 前端开发 开发者
【RaETable】🚀🚀🚀告别Form，RaETable表格列宽度支持拖动调整了，附带原理说明
【RaETable】🚀🚀🚀告别Form，RaETable表格列宽度支持拖动调整了，附带原理说明
萌萌哒草头将军
138 0