ElementUI form校验填入了数据仍红色提示输入

如下图,经纬度明明有值了,点击确定提交仍然会提示经纬度缺失,我甚至在点击确定按钮的方法里打印form绑定数据(:model="editData"),打印的数据中经纬度绑定的数据也是有的,比较特别的是我的经纬度是我点击地图自动带出来的,不是手输的,查了好久都解决不了,直到一个大神提示说,是不是新增时,父组件传过来的参数即form绑定的editData没有经纬度绑定的lat和lng?

按提示,在父组件看了下,父组件点击新增后,给子组件的数据对象editData里确实是没有给经纬度属性(lat和lng),在父组件里给editData加上这两个属性(lat/lng)值就给空字符串,重新运行,顺利解决,特此记录,希望能够帮助同样遇见此问题的你,谢谢!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ElementUI是一款基于Vue.js开发的UI组件库,它提供了大量的组件和工具来简化Web应用程序的开发过程。其中,Form表单是ElementUI中一个常用的组件,用于收集用户输入数据并进行校验。 在使用ElementUIForm表单绑定数据时,如果数据不在同一层,可以使用对象的属性路径来实现绑定。具体的步骤如下: 1.首先,需要在Vue实例中定义一个对象,作为数据绑定的容器。这个对象可以包含多个层级,每个层级都是一个属性。 2.在Form表单中,通过设置model属性将Form表单与数据绑定的对象关联起来。这样,Form表单中的输入数据会自动同步到数据绑定的对象中。 3.在Form表单中的每个输入项中,需要通过设置prop属性来指定数据绑定对象的属性路径。属性路径的格式为`'对象的属性名.子对象的属性名.子对象的属性名'`。通过这样设置,输入项的值会自动与数据绑定对象中对应属性路径的值进行双向绑定。 这样,无论数据是不是在同一层,都可以通过设置属性路径来实现数据的绑定。当用户修改输入项的值时,数据绑定对象中对应属性路径的值也会自动更新。同理,当数据绑定对象中对应属性路径的值发生改变时,输入项的值也会自动更新。 总结:ElementUIForm表单绑定数据时,可以通过设置属性路径来实现不同层级数据的绑定。通过这样的设置,Form表单和数据绑定对象之间可以实现自动的双向数据绑定,方便开发人员处理不同层级的数据
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值