解决彻底element表单报红问题

已于 2024-04-11 09:25:16 修改
阅读量736 收藏 1
点赞数 1
分类专栏： vue 文章标签： vue
于 2022-10-14 12:18:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26889291/article/details/127318111
版权

在el-dailog加入destroy-on-close设置为true

el-form 加入属性 用 :model属性而不用v-model属性 validate-on-rule-change也设置成false

还有特殊得时候
比如一个下拉框多选绑定一个对应的selectVal的变量，初始化时得把selectVal得值设置为空数组

实践是最好的老师
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用element-ui +Vue 解决 table 里包含表单验证的问题
09-16
主要介绍了使用element-ui +Vue 解决 table 里包含表单验证的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue+ element ui 表单验证有值但验证失败问题
10-15
主要介绍了vue+ element ui 表单验证有值但验证失败，本文通过实例代码给大家分享解决方案，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
ElementUI form校验填入了数据仍红色提示输入
TarkuNi的博客
05-25 1547
如下图，经纬度明明有值了，点击确定提交仍然会提示经纬度缺失，我甚至在点击确定按钮的方法里打印form绑定数据（:model="editData"），打印的数据中经纬度绑定的数据也是有的，比较特别的是我的经纬度是我点击地图自动带出来的，不是手输的，查了好久都解决不了，直到一个大神提示说，是不是新增时，父组件传过来的参数即form绑定的editData没有经纬度绑定的lat和lng？
el-table显示红色星号，但不用必填
最新发布
cui01016的博客
04-29 112
【代码】显示rules的红色星号，但不用必填控制。
vue element ui From表单校验 关闭模态框 重新打开 还存在标红校验
奔跑吧代码
11-17 3518
vue element ui From表单校验 关闭模态框 重新打开 重置表单解决标红校验 仅供参考 自我记录. 解决方案① 在关闭模态框是 调用this.$refs.ruleForm.resetFields()重置表单 collectPigeonConfigClose(){ this.collectPigeonConfigVisible = false // this.$nextTick(()=>{ this.$refs.ruleForm.resetF
element ui 表单确认提示红色，取消提示方法
宁夏前端工程师，马卫斌，wx：1457508895
01-29 1855
element ui 表单确认提示红色，取消提示方法
element-ui vue form的rules修改后红色提示信息还在
aoeace
05-11 3475
<el-form ref="addForm" :model="addData" :rules="add?rules:rules2" size="mini" label-width="100px"> js： this.add=true //dom更新后再执行 this.$nextTick(() => { let af = this.$refs['addForm'] if(af){ af.clearValidate() } }) ...
element-ui表单初始化校验报红
qq_45256497的博客
09-07 2519
在开发中，我们经常会遇到element-ui表单回显，初始化页面就报红的情况。在回显赋值的时候，加上以下代码就好啦。
快速解决Vue、element-ui的resetFields()方法重置表单无效的问题
10-14
主要介绍了快速解决Vue、element-ui的resetFields()方法重置表单无效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
关于element-ui表单中限制输入纯数字的解决方式
10-14
主要介绍了关于element-ui表单中限制输入纯数字的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
elment-ui表单初始化校验报红提示
weixin_45536426的博客
11-22 954
欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示； 增加了 图片
element plus 必填项正确填写后仍有提示信息、标红
m0_65051174的博客
01-18 896
el-form ref="queryFormRef" :model="queryParams.attribute" :inline="true"> 此处用的是 el-form 的 model 属性，而不是v-model。el-input 中必须绑定 v-model 属性。以上三点确认后基本就不会有问题了。一般检查以下两点即可改正。
【Element】el-form表单初始化，校验就报红提示
weixin_43951592的博客
09-01 2703
element表单
vue 关闭弹框重新打开时element输入框验证提示红框
daxi玫瑰的博客
08-19 1707
vue 关闭弹框重新打开时element输入框验证提示红框
element-ui和vue表单（对话框）验证提示语(残留)清除
热门推荐
geming2017的博客
11-09 1万+
问题是这样的: 如果一个页面有多个按钮打开相同的element-ui的Dialog对话框，那么如果第一个点击"顺序"按钮出现红色验证提示语后， 再点击“取消”，或者点击页面空白处此对话框消失，而后再点击同一个“顺序”按钮亦或别的“顺序”按钮， 那么此红色提示依然存在，显然是无法忍受的，那么怎么去除呢，    这里也用到一个vue的一个语法watch，从字面意思上理解就是起到监控的作用，监...
element中form校验问题，当点击修改之后，关闭弹出框进行新增，就会出现字段不能为空的情况爆红问题解决
weixin_45926180的博客
06-05 1283
element修改后再新增 爆红问题
HTML中border属性标签爆红
weixin_46357294的博客
07-19 1829
哈哈，小的刚开始自学HTML，学到图像标签这里，发现在VScode中输入border属性，会爆红显示（如下图），这个在html中可以先不管，反正也是可以起到给图像设定边框的效果的，哈哈～～
elementUI 表单数据的校验回显在关闭之后没有重置，再次打开表单之后还显示校验信息（重置表单 element-ui的resetFields()方法不生效）
youyantan的博客
08-02 2585
elementUi重置表单
element-ui el-form自定义规则rules，小红心不出现解决方案
lkx_icy的博客
11-28 2377
这段时间用element-ui比较多，在el-form这里遇到了一些坑，话不多说直接上效果图 需要在自定义规则处再加required:true 此时自定义规则会生效，且元素前方会有小红心提示用户该项为必填项 rules: { idCard: [{ validator: validateidIdCard, trigger: 'change', required: true }] } 若不加该字段，规则依旧生效，但是却会出现下方的情况，即无小红心，用户交互感变差 rules: { idCard.
element表单嵌套树形表格的校验问题
08-08
在element组件库中，可以利用表单嵌套树形...总之，element提供了丰富的组件和方法来实现表单嵌套树形表格的校验问题。通过合理地配置校验规则，并调用相应的校验方法，我们可以实现对数据输入的有效控制和错误提示。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值