element中表单错误提示信息被遮盖

article/2025/8/29 14:23:43

提示信息被遮盖

提示信息被遮盖

解决方法

  可以给form-item加一个特定的class，不影响其他的提示框，然后设定width，可以把所有内容显示。
给error加宽度，直到不被遮盖

代码

vue的template代码

<el-form-item label="用户微信" prop="userWeChat" class="weixinError"><el-input v-model="userInfo.userWeChat"maxlength="20"></el-input>
</el-form-item>

vue的css代码

<style scoped>.weixinError /deep/.el-form-item--mini .el-form-item__error{width: 408px;}
</style>

xcx：办公室鱼塘


http://chatgpt.dhexx.cn/article/KOL3hDiv.shtml

相关文章

在vscode中打开错误提示

在vscode中打开错误提示

在vscode中打开错误提示 首先打开vscode&#xff0c;找到左下角的小齿轮点击选择setting 在搜索框中输入error Squiggles回车键找到extensions下面c/c中的error Squiggles&#xff0c;如使用其他语言找到自己对应的语言就行&#xff1b;并分别点击user&#xff0c;workspace&…
阅读更多...
HTML5自定义表单验证错误提示信息

HTML5自定义表单验证错误提示信息

有如下HTML结构&#xff1a; <form action"ok.html"><input type"text" pattern"\d{1,3}" required id"myinput"><p><input type"submit" value"提交"></p> </form> 当提…
阅读更多...
ElementUI表单验证 错误提示不消失原因（最全面，一次解决）

ElementUI表单验证 错误提示不消失原因（最全面，一次解决）

1.原因1&#xff1a;el-form-item上的 prop 网上最普遍回答 prop必须与v-model绑定的参数一致 2.原因2&#xff1a;el-form上的 :model 网上没找到&#xff0c;自己发现的&#xff0c;也是最容易忽略 el-form 标签上必须加上 :model“form” (不是常用的vue标签v-model) fo…
阅读更多...
IntelliJ IDEA 编码过程中没有错误提示以及自动提示等等的解决方法

IntelliJ IDEA 编码过程中没有错误提示以及自动提示等等的解决方法

出现这种问题&#xff0c;有可能你开了“Power save mode”&#xff0c;模式&#xff0c;关闭即可&#xff01; 设置路径&#xff1a;“File/Power save mode”
阅读更多...
VScode——打开波浪线错误提示的一种方法

VScode——打开波浪线错误提示的一种方法

按快捷键&#xff1a;ctrlshiftp &#xff0c;输入"启用错误波形曲线"&#xff0c;并点击。 启用后之后&#xff0c;比如当包含的头文件写错后&#xff0c;就会出现波浪线警告。
阅读更多...
计算机自检报错无法开机,常见电脑开机自检BIOS错误提示解决方法

计算机自检报错无法开机,常见电脑开机自检BIOS错误提示解决方法

有的时候用户电脑开机自检过程中BIOS出错提示，很多对电脑不了解或者英文不懂的朋友不知道电脑哪里出了问题，出现了电脑开机自检错误的时候，一般小问题都可以自行恢复的。但是有的自检错误需要您的修正，今天给大家带来电脑开机自检BIOS错误提示的解决方法，一般常见得BIOS提…
阅读更多...
VS发生生成错误，但错误列表无错误提示。

VS发生生成错误，但错误列表无错误提示。

VS发生生成错误&#xff0c;但错误列表无错误提示。 可能原因&#xff1a; 1.生成项目框架版本可能低于引用项目框架版本。 解决办法&#xff1a; 改变生成项目框架版本&#xff0c;右键项目》属性》应用程序》目标框架
阅读更多...
LayUI表格初始化错误（请求异常，错误提示：parsererror）

LayUI表格初始化错误（请求异常，错误提示：parsererror）

最近刚使用layui&#xff0c;不得不说挺强大的&#xff01;&#xff01; 下面是本人在layui初始化表格时踩的坑 表格初始化失败&#xff0c;并提示&#xff08;请求异常&#xff0c;错误提示&#xff1a;parsererror&#xff09; 首先说一下&#xff0c;这个是因为给表格初始化…
阅读更多...
【VSCode】关闭讨厌的语法检查、语法自动检查、代码错误自动提示、错误提示

【VSCode】关闭讨厌的语法检查、语法自动检查、代码错误自动提示、错误提示

刚下载完 VSCode 使用的过程中&#xff0c;会发现导出提示语法错误&#xff08;但是明明是没错的&#xff09;&#xff0c;非常讨厌&#xff1a; 为什么会这样呢&#xff1f;因为编辑器无法识别这是python文件&#xff0c;所以导致其出现乱报错的情况&#xff0c;解决办法如下…
阅读更多...
Bootstrap错误提示功能

Bootstrap错误提示功能

使用Bootstrapde 时候&#xff0c;在开发阶段&#xff0c;用来提示自己出现的错误&#xff0c;那就要在JS中加入一下代码判断&#xff0c;注意&#xff1a;只在开发阶段使用 <script>// 用来提示自己出现的错误---只限于开发阶段使用(function () {var s document.c…
阅读更多...
[idea] idea没有错误提示的解决方法(一直处于错误分析中)

[idea] idea没有错误提示的解决方法(一直处于错误分析中)

20190527更新治根的解决办法 问题描述: idea没有自动报错. 例如随便写一段错误代码 这里Date类都没有导入,还赋了布尔值,大错特错,idea却没有错误提示. 按f2发现idea一直处于错误分析中的状态. 解决方法: 有三种情况,分别是: 开启了省电模式 注意不要开启省电模式. 没有…
阅读更多...
vscode中文错误提示---插件篇

vscode中文错误提示---插件篇

打开vscode&#xff0c;找到error Lens插件&#xff0c;如下图 2. 使用插件后&#xff0c;效果如下图
阅读更多...
idea 2021版本错误提示反应慢

idea 2021版本错误提示反应慢

idea更新到2021后&#xff0c;最后开发经常发现&#xff0c;写了个错误语句后&#xff0c;老半天不提示错误。或者把有错误的地方改对&#xff0c;还是提示有错误&#xff0c;非得手动编译一下效果才反应出来。有时候还会出现明明某个mapper接口有方法&#xff0c;可以就是不提…
阅读更多...
Android Studio编写代码无错误提示问题

Android Studio编写代码无错误提示问题

Android studio在使用过程中,无缘无故的Java代码的变量名和类名等等拼写错误,没有提示. 抓破脑袋也没有想明白, 找了半天没有解决办法; 原因一: Power Save Mode 省电模式 一种说法是Android studio的节能模式会导致没有错误提示 但是, file>>Power Save Mode并没有打…
阅读更多...
pycharm代码编辑的时候无法显示错误提示_已解决

pycharm代码编辑的时候无法显示错误提示_已解决

今天打开自己的pycharm编译器&#xff0c;发现不能进行错误代码的提示&#xff0c;于是自己百度了一番&#xff0c;最终找到解决方法&#xff0c;这里分享给大家&#xff1a; 主要解决路线&#xff1a;pycharm–file–settings–editor–inspections–python–spelling --sever…
阅读更多...
ensp错误提示解析详解

ensp错误提示解析详解

前言 ensp 内遇到错误时总是措手无错&#xff1f;那是因为你不了解报错提示信息是什么意思&#xff0c;ensp内报错类型一共没有几种&#xff0c;掌握后可明显提高查找错误原因速度&#xff0c;帮助我们更快完成任务需求。 命令行错误提示信息 主要分为以下四种&#xff1a; 该命…
阅读更多...
html表单验证自定义错误提示

html表单验证自定义错误提示

原文链接&#xff1a;html表单验证自定义错误提示 引言 通常情况下&#xff0c;我们在进行表单验证时&#xff08;比如提交登录注册信息&#xff09;&#xff0c;为了安全考虑以及进一步保证表单信息填写的正确性&#xff0c;会再服务端验证之前&#xff0c;在前端页面先做一次…
阅读更多...
10种经典的错误提示信息

10种经典的错误提示信息

导读&#xff1a;原文来自itworld.com作者David Daw发表一篇《10 great error messages》&#xff0c;译文由伯乐在线整理编译《10种经典的错误提示信息》。文章内容如下&#xff1a; 对于编程来说&#xff0c;没有错误是美好的一天。但不幸的是&#xff0c;这种情况比你希望的…
阅读更多...
brpc源码学习（一）-butex

brpc源码学习（一）-butex

由于brpc中引入了bthread&#xff0c;如果在bthread中使用了mutex&#xff0c;那么将会挂起当前pthread&#xff0c;导致该bthread_worker无法执行其他bthread&#xff0c;因此类似pthread和futex的关系&#xff0c;brpc引入butex来实现bthread粒度的挂起和唤醒。 首先看下but…
阅读更多...
brpc-client

brpc-client

ChannelOptions&#xff1a; connect_timeout_ms&#xff1a;连接超时时间&#xff1b; timeout_ms&#xff1a;rpc超时时间&#xff0c;会起个定时器&#xff0c;通过controler::Failed方法获知&#xff1b; max_retry&#xff1a;重试次数&#xff1b;&#xff08;最终会结…
阅读更多...
推荐文章

Copyright @ 2022~2023