vue+element-ui表单提交出现valid为undefined问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue+element-ui表单提交出现valid为undefined问题相关的知识,希望对你有一定的参考价值。

参考技术A 是因为在自定义验证中,没有调用callback(),需要注意在有值和没值的时候都要调用,否则就会出现这个问题

如果表单绑定的对象需要校验的字段为引用类型(obj,arr),需要手动调用下面的方法进行校验

element-ui表单验证有值校验还是空

参考技术A 一、原因:项目element-ui表单中,有个input是需要点击后出现弹窗,在弹窗选择了值后,再赋值到input,这时input值已经显示了,可是点提交后,仍出现报错提示未填

点提交按钮,还是提示选择。

二:解决:

值虽然显示,但校验时没生效

之前的赋值:

// this.formData.managementArea = data[0].orgName

有效的赋值:

this.$set(this.formData, 'managementArea', data[0].orgName)

以上是关于vue+element-ui表单提交出现valid为undefined问题的主要内容,如果未能解决你的问题,请参考以下文章

表单验证 this.$refs[formName].validate()

el-form 多层级表单

element-ui Form表单校验

element-ui表单提交

Vue+Element-UI 多个form表单验证

Vue处理表单校验