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

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

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

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

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

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

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

解决办法:

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

「点点赞赏,手留余香」

0

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

微信微信 支付宝支付宝

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

声明:
1. 本站所有文章教程及资源素材均来源于网络与用户分享或为本站原创,仅限用于学习和研究。
2. 如果内容损害你的权益请联系客服QQ:1642748312给予处理。
码云笔记 » 解决element-ui 表单验证值为undefined的问题

发表回复

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

立即查看 联系我们