解决element-ui 表单验证值为undefined的问题
element-ui 表单验证的时候,值为undefined
的原因,网上说的有三种
prop
名称和rules
中的名称一致;- 没有指定的
model
; - 绑定的属性没有在
data
中声明(这个可有可无);
除了这三种外,还有一种情况,在验证之前我们都能拿到表单的值,但是验证之后打印的值为undefined
。
我这里具体问题出现的场景:子组件是抽屉,需要里面的值回显到父组件上,但是点击提交的时候值为undefined
。
resetFields()
会将数据恢复初始值,这时候传过去的数据也会跟着改变,所以值为undefined
或者初始值。
解决办法:
生成一个新的数据,传递过去,这样重置的时候,不会影响传递的数据。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 解决element-ui 表单验证值为undefined的问题
码云笔记 » 解决element-ui 表单验证值为undefined的问题