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

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

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


番茄大大~
目录
相关文章
热爱技术的小郑
|
4月前
|
前端开发
成功解决：如何使element中输入框颜色改变，以及如何解决使用/deep/ 出现警告信息问题
这篇文章讲述了如何在Element UI中改变输入框的背景颜色，以及如何解决使用深度选择器`/deep/`时出现的警告信息问题。文章提供了使用深度选择器修改背景颜色的CSS代码示例，展示了修改效果，并解释了如何通过在`/deep/`前加`div`或使用`::v-deep`来解决出现的红色波浪线警告问题。
热爱技术的小郑
545 0
成功解决：如何使element中输入框颜色改变，以及如何解决使用/deep/ 出现警告信息问题
爱你三千遍斯塔克
|
6月前
大事件项目43----富文本结合表单的检验触发
大事件项目43----富文本结合表单的检验触发
爱你三千遍斯塔克
33 1
朝阳39
|
5月前
|
前端开发
css 超实用的:empty —— 隐藏空元素、缺失字段智能提示
css 超实用的:empty —— 隐藏空元素、缺失字段智能提示
朝阳39
123 0
xiaohua616
|
7月前
uniapp uni-combox 下拉提示无匹配项（完美解决--附加源码解决方案及思路）
uniapp uni-combox 下拉提示无匹配项（完美解决--附加源码解决方案及思路）
xiaohua616
392 0
蒾酒
|
7月前
有关elementUI el-form表单配置了校验规则但是反向校验问题
有关elementUI el-form表单配置了校验规则但是反向校验问题
蒾酒
111 2
童小纯
|
7月前
|
JSON 定位技术 数据格式
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解（学习总结---从入门到深化）（下）
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解（学习总结---从入门到深化）
童小纯
72 0
童小纯
|
7月前
|
JavaScript 前端开发 定位技术
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解（学习总结---从入门到深化）（上）
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解（学习总结---从入门到深化）
童小纯
69 0
讓丄帝愛伱
|
前端开发
Layui表单必填项自动打红色*号
Layui表单必填项自动打红色*号
讓丄帝愛伱
367 0
讓丄帝愛伱
layui input框日期框列表显示默认历史搜索记录
layui input框日期框列表显示默认历史搜索记录
讓丄帝愛伱
74 0
萌萌哒草头将军
|
敏捷开发 前端开发 开发者
【RaETable】🚀🚀🚀告别Form，RaETable表格列宽度支持拖动调整了，附带原理说明
【RaETable】🚀🚀🚀告别Form，RaETable表格列宽度支持拖动调整了，附带原理说明
萌萌哒草头将军
169 0