最近在项目中需要做一个表单弹框,有一个tab控制一套表单,但在tab1中的一个表单里的数据要一直保存,但是如果tab1表单有错,在tab2时点击提交,form的validateFields函数因为有错了就无法提交
如何跳过一个error 进行提交
err是一个对象,如果对象中有这个错误,就忽视
this.form.validateFields( (err, values) => {
if (err && !err.xxx) {
// 指定跳过某个error
return
}
axios().then()
}
)
如何重新校检表单,即使已经有错误提示的显示
this.form.validateFields({ 'force': true }, (err, values) => {
if (err) {
return
}
axios().then()
}
)
这里用到文档中的option.force
大家可以在v-decorator中动态更改校检规则,每次保存就可以使用新的校检规则了
v-decorator="['msg',{rules: [
{required:key == '1', message: '必填' },
{max:type=='text' ? 200 : 20000,message: '最大字符200' }]}]"