解决element-ui 表单验证值为undefined的问题

element-ui表单验证的时候,值为undefined的原因,网上说的有三种

  1. prop名称和rules中的名称一致;
  2. 没有指定的model
  3. 绑定的属性没有在data中声明(这个可有可无);

除了这三种外,还有一种情况,在验证之前我们都能拿到表单的值,但是验证之后打印的值为undefined

我这里具体问题出现的场景:子组件是抽屉,需要里面的值回显到父组件上,但是点击提交的时候值为undefined

解决element-ui 表单验证值为undefined的问题

resetFields()会将数据恢复初始值,这时候传过去的数据也会跟着改变,所以值为undefined或者初始值。

解决办法:

生成一个新的数据,传递过去,这样重置的时候,不会影响传递的数据。

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有资源及文章均来源于网络及用户分享或为本站原创,仅限用于学习和研究,任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 解决element-ui 表单验证值为undefined的问题

发表评论

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们