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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element-ui表单验证有值校验还是空相关的知识,希望对你有一定的参考价值。

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

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

二:解决:

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

之前的赋值:

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

有效的赋值:

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

以上是关于element-ui表单验证有值校验还是空的主要内容,如果未能解决你的问题,请参考以下文章

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

element-ui的表单验证如何清除校验提示语

element-ui表单部分验证报错

关于自定义的element-ui表单组件的校验

element-ui 移除整个表单的校验结果(或重置表单及验证) 使用方法

element-ui 表单组件的prop属性