Ant Design Vue 中遇到的坑(二) `Form.Item` cannot generate `validateStatus` and `help` automatically...

一、发生场景

在使用Ant Design 时,进入页面打开控制台发现有红色的警告:

‘Form.Item’ cannot generate ‘validateStatus’ and ‘help’ automatically,
while there are more than one ‘getFieldDecorator’ in it.

二、原因

经过查找发现在同一个form-item中使用v-for循环遍历生成了多个input框,并且每个都加上了v-decorator作为数组,但实际每一个from-item中只允许有一个v-decorator进行绑定。

三、解决办法

在v-for内要生成的要加v-decorator的元素(如input)外再包裹一层form-item,即对n个元素进行循环遍历将生成n个form-item,满足了一个form-item仅有一个v-decorator的要求,不再报错。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值