开发者社区云计算文章正文

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

2024-01-23 33

版权

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

简介： 表单项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; // 常规流
      }
    }
  }

番茄大大~

热爱技术的小郑

3月前

前端开发

成功解决：如何使element中输入框颜色改变，以及如何解决使用/deep/ 出现警告信息问题

这篇文章讲述了如何在Element UI中改变输入框的背景颜色，以及如何解决使用深度选择器`/deep/`时出现的警告信息问题。文章提供了使用深度选择器修改背景颜色的CSS代码示例，展示了修改效果，并解释了如何通过在`/deep/`前加`div`或使用`::v-deep`来解决出现的红色波浪线警告问题。

热爱技术的小郑

451 0 0