【无标题】在vue项目中,解决ant库表单组件与表单项的value属性不能兼容的问题

在Vue.js项目使用Ant Design时,遇到表单组件与表单项value属性不兼容的问题,导致警告。问题源于直接设置value属性与表单验证冲突。解决方法是遵循警告,移除value属性,改用Ant Design的`setFieldsValue()`方法动态监听并设置表单值。示例代码展示了如何实现这一解决方案,确保表单验证和value属性的正常工作。
摘要由CSDN通过智能技术生成

报错信息##

Warning: getFieldDecorator will override value, so please don’t set value and v-model directly and use setFieldsValue to set it.

使用场景##

在项目开发中,需要ant库自带的表单验证,但是input输入框的value属性又需要使用的情况下

报错原因##

官方解释

解决方法##

可以按照警告提示的方法将表单项的value属性在标签上去掉,用ant库form组件的设置表单值的setFieldsValue()方法来动态监听vue中表单项值的变化

我的示例代码##

html:
<a-select
                  readOnly
                  :value="partybvalue"
                  id="addpar
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值