Warning: getFieldDecorator will override value

最新推荐文章于 2022-07-12 12:20:52 发布
最新推荐文章于 2022-07-12 12:20:52 发布
阅读量1w 收藏 3
点赞数 9
分类专栏： ant-design-vue问题记录
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Admin_yws/article/details/116483551
版权

使用antd vue表单组件时，出现如下警告，具体以上

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

警告的意思是：:' getFieldDecorator '将覆盖' value '，所以请不要直接设置' value and v-model '，而使用' setFieldsValue '来设置。

源代码如下：

排查错误后，发现a-select设置了默认的value属性，与initialValue产生了冲突，去掉value属性即可

如果帮助到您的话，可以给我点个赞吗？谢啦

新津之虎--曹达华
关注
专栏目录
511.509.JAVA基础教程_枚举类与注解-jdk8新特性：类型注解(511).rar
11-09
// Compiler will issue a warning if null is passed public T getValue() { return value; } } ``` 在这个例子中，`@NonNull`注解表示泛型类型`T`的实例不应为null，这在编译时就能检测到可能的空指针异常。 ...
`getFieldDecorator` will override `value`, so please don‘t set `value` directly and use `setFieldsVa
weixin_40878286的博客
07-14 7741
index.js:1 Warning: getFieldDecorator will override value, so please don’t set value directly and use setFieldsValue to set it. 经过排查： 在自定义组件中定义了value值，getFieldDecorator会覆盖我们自己定义的值，需要添加默认值可以使用在getFieldDecorator的时候，设置initialValue，删除在自定义组件中定义的value就可以了！ imp.
getFieldDecorator` will override `value`, so please don‘t set `value and v-model` directly and use `
cx17521000200的博客
11-21 9474
Ant design vue 报错 Warning: `getFieldDecorator` will override `value`, so please don't set `value and v-model` directly and use `setFieldsValue` to set it. 官方说明 本人代码 <d-select-company :multi="false" v-decorator="['topOfficeId',validatorRules.to
warning.js?d96e:34 Warning: `getFieldDecorator` will override `value`, so please don‘t set `value`
qq_45149366的博客
10-20 3337
warning.js?d96e:34 Warning: `getFieldDecorator` will override `value`, so please don‘t set `value`
Ant Design Vue - Warning: `XX` will override `value`, so please don‘t set `value and use `setFieldsV
王佳斌
07-12 1626
完整报错（有多种可能），但意思都一样： 以下是解决方案，本文给您提供一个示例。建议大家使用 里的 进行解决。
Warning: `getFieldDecorator` will override `value`, so please don‘t set `value...
assassinator_567的博客
04-07 9384
ant-design-vue 报错： 报错原因： value和v-decorator不能同时设置 解决方案：删除value
Warning: `getFieldDecorator` will override `value`, so please don‘t set `value an
m0_60207396的博客
11-04 1384
在的组件中value和v-decorator不能在一起使用
apktool documentation
07-21
Warning Apktool has no knowledge of what version of framework resides there. It will assume its up to date, so delete the file during Apktool upgrades Managing framework files Frameworks are stored ...
linux全志R16的linux系统编译的资料_20170502_1655.7z
05-02
全志R16平台编译linux系统V1.0.txt 2017/4/11 13:36 （编译请使用编译android的lichee的选项编译生成的.config文件，不然直接编译会报错！！...rootroot@cm-System-Product-Name:/home/wwt/linux_r16$ tar zxvf ...
ap6212a0_bb16v3_sina33验证通过BT的功能_wifi部分有问题_20170626_1148没有外层目录.7z
06-26
调通sina33下的AP6212A0版本的BT 大文实验室/大文哥 壹捌陆捌零陆捌捌陆捌贰 ...完成时间：2017/6/26 11:01 版本：V1.0 本文参照： 《A33 wifi移植说明书.pdf》 还有就是全志R16的parrotv1.1的官方SDK（Android...
！！！！ap6212a0_a33_sc3817r_验证通过_修正wifi的配置文件为nvram_ap6212.txt
07-03
调通sina33下的AP6212A0（WIFI+BT） 大文实验室/大文哥 壹捌陆捌零陆捌捌陆捌贰 ...完成时间：2017/6/28 12:13 版本：V1.3 本文参照： 《A33 wifi移植说明书.pdf》 还有就是全志R16平台的parrotv1.1的官方SDK...
React-AntD常见问题
tangguoxing000的博客
11-04 1226
目录 一、antd getFieldDecorator使用rules不起作用 （一）问题描述 （二）解决问题 二、监听页面宽度动态 1.在componentDidMount()中加入监听器 2.在constructor中绑定resize() 3.在componentWillUnmount()中移除监听器 三、联动下拉框清空问题 四、一个页面调用的多个相同组件，导致props...
getFieldDecorator will override value
屯庆的博客
12-13 2万+
错误内容 index.js:1452 Warning: `getFieldDecorator` will override `value`, so please don't set `value` directly and use `setFieldsValue` to set it. 报错位置 &lt;FormItem {...formItemLayout} label="位置"...
`getFieldDecorator` will override `value`, so please don't set `value` directly and use setFieldsVal
weixin_42481234的博客
12-26 1万+
在AntD中引入BraftEditor编辑器,报错 解决:不要直接传value给BraftEditor组件  browser.js:49 Warning: `getFieldDecorator` will override `value`, so please don't set `value` directly and use `setFieldsValue` to set it.  ...
Warning: getFieldDecorator will override value, so please don‘t set value directly and use setFields
hzxOnlineOk的博客
07-19 1170
处理：将自定义控件的中的value属性删除。然后在getFieldDecorator的配置里，设置initialValue。
Ant Design Form表单中getFieldDecorator使用异常总结
热门推荐
云生流长的博客
04-04 7万+
背景：在使用Ant Design Form组件时，Form组件提供了一个create方法，使用form.create()(component)处理之后的component 会接收到一个props.form，使用props.form下的一系列方法，便可以很方便的写出具备自动校验功能的表单。代码如下所示： // 使用 Form.create 处理后的表单具有自动收集数据并校验的功能 const S...
使用Ant Design of Vue前端框架编写项目过程中遇到的问题汇总
sinat_34241861的博客
02-10 6109
Ant Design of Vue官网的按需引入ant-design-vue教程错误，正确步骤如下按需引入antd正确步骤
Ant Design Vue Form表单验证后无法绑定数据的解决办法
rico_zhou的博客
05-22 1万+
Ant Design Vue Form表单验证后无法绑定数据的解决办法 官方网站ant design的表单验证链接：https://vue.ant.design/components/form/ https://ant.design/components/form-cn/ 验证方式很是不爽，显得复杂臃肿 可以换一种方式，由于rules验证其实是一个数组，那么我直接在da...
vue 表单中getFieldDecorator、getFieldValue、setFieldValue用法
u014370269的专栏
04-16 1万+
Ant Design 表单中getFieldDecorator、getFieldValue、setFieldValue用法 Ant Design 表单中getFieldDecorator、getFieldValue、setFieldValue用法 一、getFieldDecorator# getFieldDecorator是一个方法，这个方法接收两个参数，第一个是表单的字段对象，第二个是验证...
vue报错warning.js?d96e:34 Warning: `getFieldDecorator` will override `value`, so please don't set `value and v-model` directly and use `setFieldsValue` to set it.
最新发布
07-12
你好！关于Vue报错中的警告信息，它是在使用Ant Design的Form组件时出现的。警告提示你不要直接设置`value`和`v-model`，而是使用`setFieldsValue`来设置它。 这是因为`getFieldDecorator`方法会覆盖`value`属性，如果你同时设置了`value`和`v-model`，可能会导致不可预料的问题。为了避免这种情况，建议使用`setFieldsValue`方法来设置表单字段的值。 示例代码如下： ```vue <template> <a-form> <a-form-item> <a-input v-decorator="['fieldName']" :value="fieldName"></a-input> </a-form-item> </a-form> </template> <script> export default { data() { return { fieldName: '' }; }, mounted() { this.$refs.formRef.setFieldsValue({ fieldName: 'Initial Value' }); } }; </script> ``` 在上面的示例中，我们使用了`v-decorator`指令来绑定表单字段，并通过`setFieldsValue`方法在组件挂载后设置了初始值。 希望以上信息对你有帮助！如果还有其他问题，请随时提问。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值