elementUI Form 表单如何调用时再执行validate校验规则

最新推荐文章于 2024-07-19 14:51:36 发布

Mammon_yue

最新推荐文章于 2024-07-19 14:51:36 发布

阅读量3.3k

点赞数

分类专栏： elementUI 文章标签： javascript

本文链接：https://blog.csdn.net/Mammon_yue/article/details/118081459

版权

elementUI 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

"本文深入探讨了Vue.js中`validate-event`属性的作用，它允许在提交时而非实时输入时进行表单验证。通过设置`validate-event="false"`，可以防止输入时即时触发验证，而只在调用`validate`方法时进行校验。示例展示了如何在`el-form-item`中使用此属性来优化用户体验，确保在正确的时间进行表单验证。"

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

validate-event属性的作用是: 输入时不触发表单验证.提交时再验证,你也可以设置成动态验证。

设置之后，只有在代码调用validate时才校验。

<el-form-item label="活动名称" prop="name">
    <el-input v-model="registData.name" :validate-event="false"></el-input>
</el-form-item>

  rules: { // 表单验证规则
    name: [
      { required: true, message: '请输入活动名称' }, 
      { min: 3, max: 5, message: '长度在 3 到 5 个字符' }
    ]
  }