Vue.js 异步验证程序在提交表单之前避免验证

Vue.js 异步验证程序在提交表单之前避免验证,vue.js,element-ui,element-io,Vue.js,Element Ui,Element Io,我使用的是与 我只想在提交表单时执行验证(实际上我是在代码中执行的) 在规则定义中使用trigger:'change'时,如果我留下一个值不符合规则的字段,我会收到一条错误消息: name: [ { required: true, message: 'Required field', trigger: 'blur' }, { min: 5, message: 'Name should have at least 5 letters\n', trigger: 'change' } ],

我使用的是与

我只想在提交表单时执行验证(实际上我是在代码中执行的)

规则
定义中使用
trigger:'change'
时,如果我留下一个值不符合规则的字段,我会收到一条错误消息:

name: [
  { required: true, message: 'Required field', trigger: 'blur' },
  { min: 5, message: 'Name should have at least 5 letters\n', trigger: 'change' }
],

使用
触发器:“blur”
时,我甚至在离开该字段之前就收到一条错误消息:

name: [
  { required: true, message: 'Required field', trigger: 'blur' },
  { min: 5, message: 'Name should have at least 5 letters\n', trigger: 'blur' }
],

我尝试使用
验证规则更改
,但没有帮助:

<el-form ref="addressForm" :inline="true"
         :model="formData" :rules="addressRules" class="demo-form-inline"
         :validate-on-rule-change="false"
>

可能会更改您的规则,以便在其中设置触发器:

required_blur: {
    required: true, 
    message: "Donnée obligatoire", 
    trigger: 'blur' // When focus changes in the input it triggers
},
required_change: {
    required: true, 
    message: "Donnée obligatoire", // When input's value changes
    trigger: 'change'
},

祝你好运:)

可能会改变你的规则,这样你就有了一个触发器:

required_blur: {
    required: true, 
    message: "Donnée obligatoire", 
    trigger: 'blur' // When focus changes in the input it triggers
},
required_change: {
    required: true, 
    message: "Donnée obligatoire", // When input's value changes
    trigger: 'change'
},

祝你好运:)

感谢你的回答,我刚刚编辑了我的问题。这两个选项会在表单提交之前触发验证,所以它并不能解决我的问题。感谢您的回复,我刚刚编辑了我的问题。这两个选项在表单提交之前触发验证,所以它不能解决我的问题。