解决element-ui form 输入后绿色（成功状态）消失的问题

最新推荐文章于 2023-10-18 10:06:23 发布
最新推荐文章于 2023-10-18 10:06:23 发布
阅读量2.5k 收藏 3
点赞数 3
分类专栏： 前端笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/littlebearGreat/article/details/103039409
版权

element-ui form表单 输入后成功状态消失的问题，这不是问题，是element-ui版本更新后把这个样式去掉了。

安装2.9.2以及之前的版本即可恢复

卸载element-ui

npm uninstall element-ui

安装指定版本的element-ui

cnpm install element-ui@2.9.2 -S

 

littlebearGreat
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
element-ui.rar element-ui核心库压缩包
12-20
Element UI 是一个基于 Vue.js 的开源 UI 组件库，它为开发者提供了丰富的界面组件，用于构建优雅的前端应用。这个“element-ui.rar”压缩包包含了 Element UI 的核心库，是开发人员快速搭建企业级 Web 应用的重要...
基于element-ui对话框el-dialog初始化的校验问题解决
10-14
`el-dialog`是Element-UI提供的一个模态对话框组件，它通常与`el-form`结合使用，用于数据输入和验证。然而，当对话框在不刷新页面的情况下被多次打开，可能会遇到自动校验的问题，即使用户没有主动触发校验。 这个...
移除element-ui中成功状态绿色边框的问题
dongwang的博客
05-17 1199
是element-ui版本的问题，2.10以前的版本有绿色边框，2.10及以后的版本取消了成功状态的绿色边框
vue+element中表单验证成功后输入框变成绿色
独角戏top的博客
08-12 1009
在assets目录下新建一个css文件夹，里面新建一个css文件复制下面的代码。因为element在新版本中取消了这个功能所以使用全局css来满足需求。在main.js中导入。
element输入框验证通过变成绿色
~Mysunny的博客
11-11 1641
在公共样式里面加入，旧版element自带，但是新版本取消了 .el-form-item.is-success .el-input__inner, .el-form-item.is-success .el-input__inner:focus, .el-form-item.is-success .el-textarea__inner, .el-form-item.is-success .el-textarea__inner:focus { border-color: #67C23A } .el-f
element ui 表单验证通过后没有绿色框 求解 （已解）
anwebDesigner的博客
08-29 4714
使用element自带的表单验证。 输入框选中状态边框为蓝色， 输入框输入错误的时候边框为红色， 输入正确的时候边框为绿色。 但是有的时候输入正确没有出现绿色（红色和蓝色状态能正常出现） 我的相关代码如下： <el-form ref="form" :model="form" :rules="rules" label-width="80px"> ...
使用element UI非必填字段校验的效果修改
小菜鸡程序媛的挣扎史
09-19 1937
必填字段应该达到的效果是： 不填-> 提示应该要填写 填写-> 对了 -> 框变绿 -> 错了 -> 框变红 提示错误原因 非必填字段应达到的效果是： 不填-> 不校验 填了-> 校验 -> 正确绿框 错误红框 填了删除-> 不校验 方法一、自定义校验规则 validator:(rule,val...
使用element-ui +Vue 解决 table 里包含表单验证的问题
09-16
总结起来，使用Element-UI和Vue.js解决表格内表单验证问题，需要理解`el-form`和`el-form-item`的绑定机制，以及如何动态生成`prop`属性。通过正确地配置数据模型和验证规则，可以轻松实现复杂表单的验证，提高用户...
详解element-ui中form验证杂记
10-17
在Element-UI中，表单验证是开发过程中不可或缺的一部分，特别是在构建复杂的后台管理系统时。Element-UI 提供了丰富的表单组件以及相应的验证机制，帮助开发者实现高效且友好的用户体验。本文将深入探讨Element-UI...
关于element-ui表单中限制输入纯数字的解决方式
10-14
主要介绍了关于element-ui表单中限制输入纯数字的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
表单文本框输入时提示文字消失
weixin_30673715的博客
12-28 307
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <...
vue elementui input输入框成功不显示绿色（已解决）
weixin_45557840的博客
07-06 1368
问题说明：原因是以为最新版element ui废除了输入框成功变绿色的样式。Ⅰ.需要找到element ui的公共css样式(没更改过的话，默认路径如下) Ⅱ.打开格式化一下（shift+alt+f） Ⅲ.插入样式 Ⅳ.效果达成 Ⅰ.卸载element-ui Ⅱ.安装低版本......
elmentPLus upload自定义上传文件 上传成功后文件列表后面需要调用onSuccess()才有绿色对勾
weixin_47282274的博客
02-13 1739
elmentPLus upload自定义上传文件 上传成功后文件列表后面需要调用onSuccess()才有绿色对勾
element-plus 的使用之更改颜色
最新发布
weixin_61931299的博客
10-18 1332
在使用element-plus的过程中通常需要将组件改为自己项目的主题颜色,默认的蓝色不好看。
Element-plus的el-input改边框focus后颜色
M31Gargantua的博客
09-16 4561
Element-plus的el-input改边框focus后颜色
elementui 表格新增修改，修改后清空新增表单，表格数据消失
weixin_54495706的博客
11-22 1253
背景：当使用饿了么表格时，涉及到新增修改使用同一个弹窗的时候，每次关闭弹窗需要清空表单内容，此时会发现表格数据丢失了。原因：涉及到了栈堆的问题了，可能时你给表格赋值的时候没有采用深拷贝，而是直接this.form = row。
关于elementui this.$refs[“form“].validate校验消失的原因
weixin_48090015的博客
10-24 1663
在表单提交的时候遇到elementui 提交点击确认后却没有显示任何成功或者失败的信息，原因大概率是在表单中rules使用了自定义校验，而elementui中自定义校验一定要有callback()，添加之后得以提交表单。
el-form 中使用:rules校验，输入内容后红色提示没消失
qq_43532275的博客
03-28 3091
chooseImg(val) { this.chooseIndex = val }, // 获取图片url 注释的是没生效的，this.$set方法可以处理输入内容后红色提示没有消失的问题 getImg(data) { switch (this.chooseIndex) { case 1: this.$set(this.form, 'image1', data) // this.form.im...
解决Vue中Element-UI组件使用常见问题
"关于在Vue项目中使用Element-UI框架时可能遇到的问题及解决方案的文档" Element-UI是基于Vue.js的一个流行前端组件库，提供了丰富的UI组件，如表格、按钮、下拉菜单等，用于快速构建美观的企业级前端应用。在实际...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值