element - - - - - form表单rules初始化校验飙红？

最新推荐文章于 2024-08-09 11:28:10 发布

Dark_programmer

最新推荐文章于 2024-08-09 11:28:10 发布

阅读量1.7k

点赞数 1

分类专栏： elementUI 文章标签： element-ui

本文链接：https://blog.csdn.net/Dark_programmer/article/details/129494689

版权

elementUI 专栏收录该内容

19 篇文章 4 订阅

订阅专栏

文章介绍了两种方法来处理Vue中的表单验证问题。一种是通过设置form组件的属性`validate-on-rule-change`为`false`，防止规则改变时自动触发验证。另一种方法是使用JavaScript，调用`this.$refs.ruleForm.clearValidate()`来手动清除校验结果。

摘要由CSDN通过智能技术生成

1. 通过form组件属性配置解决

通过form组件属性配置解决（validate-on-rule-change=“false”）

在这里插入图片描述

<el-form ref="ruleFormDom" class="formDom" :model="ruleForm" :rules="rules" label-width="180px" :validate-on-rule-change="false">
   <el-form-item label="起止日期">
    	<el-input value='ruleForm.valueÏ'/>
    </el-form-item>
  </el-form>