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

禁用VueElementUI表单验证的技巧

最新推荐文章于 2023-08-29 19:33:28 发布

原创最新推荐文章于 2023-08-29 19:33:28 发布 · 2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#element-ui

elementUI 专栏收录该内容

19 篇文章

订阅专栏

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

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>