Warning: getFieldDecorator will override value

最新推荐文章于 2023-10-13 15:44:12 发布
原创 最新推荐文章于 2023-10-13 15:44:12 发布 · 1w 阅读 · 3 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
在使用Ant Design Vue的表单组件时遇到`getFieldDecorator`警告，警告提示不要直接设置'value'和'v-model'，而应使用'setFieldsValue'。问题源于a-select组件同时设置了默认的'value'属性和'initialValue'，移除'value'属性后解决了冲突。本文介绍了如何正确使用Ant Design Vue表单装饰器避免此类问题。

使用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属性即可

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

Ant Design Vue - Warning: `XX` will override `value`, so please don‘t set `value and use `setFieldsV
🏆 前端领域优质创作者
07-12 1970
完整报错（有多种可能），但意思都一样： 以下是解决方案，本文给您提供一个示例。建议大家使用 里的 进行解决。
antd vue 表单中getFieldDecorator、getFieldValue、setFieldValue用法
weixin_50367873的博客
10-13 4769
ant design of vue form表单 Ant Design 表单中getFieldDecorator、getFieldValue、setFieldValue用法
`getFieldDecorator` will override `value`, so please don‘t set `value` directly and use `setFieldsVa
weixin_40878286的博客
07-14 8147
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 9721
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 3626
warning.js?d96e:34 Warning: `getFieldDecorator` will override `value`, so please don‘t set `value`
warning: getFieldDecorator will override value
qq_40249994的博客
09-16 324
warning: getFieldDecorator will override value <a-modal v-model="visible" title="重命名" ok-text="确认" cancel-text="取消" @ok="ok()"> <a-form :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }" :form="renameForm"> <a-form-item label="新名称"&g
Warning: getFieldDecorator will override value, so please don‘t set value directly and use setFields
hzxOnlineOk的博客
07-19 1286
处理：将自定义控件的中的value属性删除。然后在getFieldDecorator的配置里，设置initialValue。
Warning: `getFieldDecorator` will override `value`, so please don‘t set `value...
assassinator_567的博客
04-07 9547
ant-design-vue 报错： 报错原因： value和v-decorator不能同时设置 解决方案：删除value
Warning: `getFieldDecorator` will override `value`, so please don‘t set `value an
m0_60207396的博客
11-04 1585
在的组件中value和v-decorator不能在一起使用
`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.  ...
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="位置"...
React-AntD常见问题
道语星航
11-04 1393
目录 一、antd getFieldDecorator使用rules不起作用 （一）问题描述 （二）解决问题 二、监听页面宽度动态 1.在componentDidMount()中加入监听器 2.在constructor中绑定resize() 3.在componentWillUnmount()中移除监听器 三、联动下拉框清空问题 四、一个页面调用的多个相同组件，导致props...
Ant Design Form表单中getFieldDecorator使用异常总结
热门推荐
云生流长的博客
04-04 7万+
背景：在使用Ant Design Form组件时，Form组件提供了一个create方法，使用form.create()(component)处理之后的component 会接收到一个props.form，使用props.form下的一系列方法，便可以很方便的写出具备自动校验功能的表单。代码如下所示： // 使用 Form.create 处理后的表单具有自动收集数据并校验的功能 const S...
vue 表单中getFieldDecorator、getFieldValue、setFieldValue用法
u014370269的专栏
04-16 1万+
Ant Design 表单中getFieldDecorator、getFieldValue、setFieldValue用法 Ant Design 表单中getFieldDecorator、getFieldValue、setFieldValue用法 一、getFieldDecorator# getFieldDecorator是一个方法，这个方法接收两个参数，第一个是表单的字段对象，第二个是验证...
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...
使用Ant Design of Vue前端框架编写项目过程中遇到的问题汇总
sinat_34241861的博客
02-10 6258
Ant Design of Vue官网的按需引入ant-design-vue教程错误，正确步骤如下按需引入antd正确步骤
antd form表单setFieldsValue时遇到getFieldDecorator绑定的控件名是拼接字符串的情况
续得木槿的博客
04-16 633
我们写代码，肯定有遇到过getFieldDecorator绑定的 `exactMatch-${record.id}` 这样的控件变量名 {getFieldDecorator(`exactMatch-${record.id}`, { })( <InputNumber min={0} style={{ width: 80 }}/> )} 赋值的时候，this.props.form.setFieldsValue({ `exactMatch-${record.id}` : 123,})这样写代码会
使用v-model在form表单里
yousacks的博客
09-06 847
arning: getFieldDecorator will override checked, so please don’t set checked and v-model directly and use setFieldsValue to set it.
河豚随心记（一） v-decorator
m0_46412695的博客
03-18 2万+
写个笔记记录下自己使用组件/插件的经历，个人经历，仅用作记录与参考，写法和解决方案各位还需鉴别，有更好的方法欢迎指导讨论。 v-decorator主要用来做antd-vue表单的表单验证，用法也很简单。 1.先在data里面定义一下验证规则 validatorRules: { orgCode: { rules: [ { required: true, message: '请选择公司名称!'}, ]
React Antd 报错系列
weixin_35198428的博客
07-05 625
报错提示：Warning: getFieldDecorator will override value, so please don’t set value directly and use setFieldsValue to set it. 原因：自定义组件中或render使用了方法getFieldDecorator()，同时设置表单的值时使用了setFieldsValue()方法或者组件中使用了value属性。 getFieldDecorator("客户名称"); setFieldsValue（{ "客
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值