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

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

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


番茄大大~
目录
相关文章
萤火AI百宝箱
|
网络安全 数据安全/隐私保护
Idea：连接远程主机SFTP服务实现文件上传和下载
Idea：连接远程主机SFTP服务实现文件上传和下载
萤火AI百宝箱
1733 0
Idea：连接远程主机SFTP服务实现文件上传和下载
德国都芳最好
|
自然语言处理
箭头函数和普通函数的区别是什么？
箭头函数和普通函数的区别是什么？
德国都芳最好
947 63
CodeQi技术小栈
|
JavaScript 前端开发 中间件
异步编程中使用 async/await 是否必须包含 try 和 catch 语句以实现错误处理？
异步编程中使用 async/await 是否必须包含 try 和 catch 语句以实现错误处理？
CodeQi技术小栈
532 1
吃个甘蔗嚼一年
|
JavaScript 前端开发 数据处理
【React/Vue2】 使用Element UI 高度封装Select 下拉框创建条目(Ant Design更为简单)
【React/Vue2】 使用Element UI 高度封装Select 下拉框创建条目(Ant Design更为简单)
吃个甘蔗嚼一年
558 0
【React/Vue2】 使用Element UI 高度封装Select 下拉框创建条目(Ant Design更为简单)
bruce_xiaowei
|
Linux 开发工具 数据安全/隐私保护
CentOS7报错：“xxx is not in the sudoers file. This incident will be reported“解决方法
CentOS7报错：“xxx is not in the sudoers file. This incident will be reported“解决方法
bruce_xiaowei
1914 1
古明地盆
|
存储 编译器 Linux
Cython 和 Python 的区别
Cython 和 Python 的区别
古明地盆
477 0
weixin_836869520
|
安全
shtml与html的区别
shtml与html的区别
weixin_836869520
511 0
真的很搞笑
|
SQL 资源调度 关系型数据库
实时计算 Flink版产品使用合集之是否可以用jdk17版本使FlinkCDC
实时计算Flink版作为一种强大的流处理和批处理统一的计算框架，广泛应用于各种需要实时数据处理和分析的场景。实时计算Flink版通常结合SQL接口、DataStream API、以及与上下游数据源和存储系统的丰富连接器，提供了一套全面的解决方案，以应对各种实时计算需求。其低延迟、高吞吐、容错性强的特点，使其成为众多企业和组织实时数据处理首选的技术平台。以下是实时计算Flink版的一些典型使用合集。
真的很搞笑
450 0
朝阳39
vue2 自定义 v-model （model选项的使用）
vue2 自定义 v-model （model选项的使用）
朝阳39
1755 1
JavaPub
|
前端开发 Java 程序员
牛皮的程序猿后端返回值怎么定义
在后端接口封装中，通常会统一返回数据格式，确保稳定性和可预测性。常见的模式包括状态码（如`code`或`ret`）、状态信息（`message`或`msg`）、核心数据（`data`）。`success`字段提供了一种直观判断接口是否成功的标志。例如：
JavaPub
240 0