表单setFieldsValue报错You cannot set a form field before rendering a field associated with the value

最新推荐文章于 2023-04-14 16:01:24 发布
最新推荐文章于 2023-04-14 16:01:24 发布
阅读量904 收藏
点赞数 2
分类专栏： vue 文章标签： javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43996368/article/details/120174318
版权

表单setFieldsValue报错You cannot set a form field before rendering a field associated with the value

在这里插入图片描述

看了好多篇文章，解决方案不是this.$nextTick就是setTimeout
实际上还是不能解决这个报错
问题原因大致意思是不能在页面未渲染之前进行form表单设置
既然以上两种方案都没用，那说明问题应该不在页面渲染的问题上，而是在于字段的对应上
在这里插入图片描述
在执行form.setFieldsValue的时候，出现了多余的参数，无法匹配v-decorator，抛出错误
最后，删除多余字段就好了

Cardhu丶
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Form动态渲染问题(setFieldsValue)
m0_45321059的博客
04-13 6721
关于Form动态渲染问题 Ant 使用setFieldsValue更新Form表单值（antd4.x） 新手第一次使用ant的form表单，动态渲染表单。发现当state数据改变时，页面表单数据没有变化，百度了一下，发现表单数据不能通过setState改变，要使用setFieldsValue 步骤一：创建一个ref 步骤二：绑定在Form上 步骤三：在你需要更新的地方使用以下语句 thisname为你要更新的表单项的name，后面为更新的值 上面三步就是一般更新时的操作 But 我这里说的是动态渲
解决antd vue中使用setFieldsValue报错“You cannot set a form field before rendering a field associated with ”
XUELUO123456789的博客
11-20 1万+
一.报错现象 1.在使用antd vue框架中的表单api时，出现了一个warning警告，虽说不影响程序运行，不过咱还是能不报错和警告就不报错和警告 ——“You cannot set a form field before rendering a field associated with ” 2.场景 在后台管理系统中渲染列表数据，点击列表中的——编辑按钮——呈现编辑页面——此时页面将会报错...
解决antd的Form组件setFieldsValue的警告问题
01-21
记住：setFieldsValue的字段要对应得上 解决antd的Form组件setFieldsValue的警告 使用antd的Form组件setFieldsValue可能会出现You cannot set a form field before rendering a field associated with the value.警告，字面意义去看是说在 render之前设置了表单值的问题。 解决 在使用setFieldsValue给表单Form的某一个filed赋值时，可能掺杂了非表单控件中的字段，Form表单在赋值和渲染时发现有些字段无法渲染在现有的字段（因为不存在），所以就会报出这
setFieldsValue报错You cannot set a form field before rendering a field associated with the value
一个慢的博客
08-25 1095
You cannot set a form field before rendering a field associated with the value. 报错语句的含义：在呈现与该值关联的字段之前，不能设置表单字段值。 this.props.form.setFieldsValue这个方法里面传值的时候只能是form中用到的参数(即是getFieldDecorator方法中的field)没有的field一律不允许多传，否则就会报错。 报错事例如下： 刚开始select1的值是无，select2被隐藏，之
antd表单组件报错 Cannot read property ‘setFieldsValue‘ of null
h33413398的博客
02-06 6231
今天在用React的UI库Antd 4.x版本 里的表单和表格配合写一个修改的需求，由于每次点击修改要拿到原来的值，所以需要用到表单的一些Api 表单设置值的API //表单 <Form ref={this.formRef}> <Item name="categoryName" label="分类名" hasFeedback rules={[{ required: true, message: '分类名不可以为空!' }]}> &l
解决antd的Form组件setFieldsValue的警告
寬真
12-11 1万+
记住：setFieldsValue的字段要对应得上 解决antd的Form组件setFieldsValue的警告 使用antd的Form组件setFieldsValue可能会出现You cannot set a form field before rendering a field associated with the value.警告，字面意义去看是说在 render之前设置...
Layered depth-of-field rendering using color spreading
02-21
DoF has been widely used in photography and films by.artists and is expected to be applied to realistic image rendering.and virtual reality applications in the area of computer graphics..This paper ...
Accurate Depth-of-Field Rendering Using Adaptive Bilateral Depth Filtering
02-06
Unlike the traditional rendering methods that handle the depth-of-field with Gaussian filtering, we develop a new DoF filter, called adaptive bilateral depth filter, to adaptively postfilter the ...
Markdown : An error occurred with the Html rendering component
01-20
win10系统上安装Markdown时提示...选择I accept the terms in the… 选择yes，… 然后等待安装 安装过程中会出现如下图所示的一个小弹窗，点击确定，之后继续等待。 安装完成，点击finish。 然后再打开markdown软件就
form-create:强大的动态表单生成器|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON
04-28
形式创造 form-create是一个表单生成组件，可以通过JSON生成动态呈现，数据收集，验证和提交功能。 支持3个UI框架，并支持生成任何Vue组件。 内置20种常用的表单组件和自定义组件，无论如何轻松地处理复杂的表单。...
antdv中的a-form表单赋值setFidesValue不生效
唐璜Taro的博客
09-14 3181
最近在修改一个管理系统项目（Vue + Antdv），在做数据回显时，发现部分字段回显失败，检查所有代码发现都没有问题。后来搜索后提示说初始化时候赋值可以过早了, 特此记录一下。2、另一个解决方法是：加上this.$nextTick(()=>{})即可。👨 作者简介：大家好，我是Taro，前端领域创作者。
为什么使用Form的ref.current.setFiledsValue()时不了值了?
weixin_39238520的博客
04-01 1950
问题描述：在第一次打开modal时，通过用实例ref设置的值是不生效的 如图，点击修改打开弹窗前，数据，使用的设值方法都是正确的。但是打开的弹窗值为空。 原因如图，经过断点之后，发现ref的实例为undefined，因为第一次使用modal时，此时还没渲染dom节点到dom中，没有实例是很正常的。至于后来的，但是第二次打开之后，可以发现，此时已经正常使用。 下图是第二次点击。 第二次点击结果如下图，可以看到此时是正常的。 解决：第一次使用ref实例，因为还没有dom节点，使用ref当然获取不到实例
ant-design Form表单setFieldsValue方法不生效
最新发布
qq_44512894的博客
04-14 1643
但是由于近视度数的表单是根据判断条件来渲染的，这就会导致这个表单还未被渲染的时候，就已经给leftMyopia这个属性赋值了，结果就是其实leftMyopia这个值并没有赋值上，并且控制台还爆出了警告信息。为了解决这个问题，就不用那种条件判断渲染方式了，直接用css样式来控制这个表单是否在当前条件下显示，这样就不会因为表单还为渲染就赋值的问题了，主要也赋值不上，打印出来的是默认值。initialValue为0。
Warning: [ant-design-vue: Form.Item] FormItem can only collect one field item, you haved set `ASele
MoXinXueWEB的博客
02-28 8135
小菜鸟在发现
antd Design Vue中关于Form表单 setFieldsValue 的使用
betterKeKe的博客
04-15 1万+
antd Design Vue中关于Form表单 setFieldsValue 的使用 这次使用了 Form.create 处理表单使其具有自动收集数据并校验的功能，经 Form.create() 包装过的组件会自带this.form 属性，如果使用 template 语法，可以使用 this.$form.createForm(this,options)。 注意：如果不是使用Vue.use(Form)形式注册的Form组件，你需要自行将form挂载到Vue原型上。Vue.prototype.form挂载
Ant Design Pro，用setFieldsValue方法，给嵌套到Form表单中的DatePicker或RangePicker组件设置默认值
永不消失的彩虹的博客
09-20 3万+
其实用setFieldsValue或者获取setState方法都可以设置DatePicker的默认值。 但是关键点在于，引用moment方法转换日期格式 1、setState方法，利用FormItem组件的initialValue属性设置默认值： import moment from 'moment'; this.setState({defaultDate}) // 自定义默认日期...
antd vue 表单 You cannot set a form field before rendering a field
草莓Sir的博客
07-29 3138
antd使用form 表单，出现警告 You cannot set a form field before rendering a field associated with the value bug样子 warning.js?d96e:34 Warning: You cannot set a form field before rendering a field associated with the value. You can use getFieldDecorator(id, options)
antd Design中关于Form表单 setFieldsValue 的使用
热门推荐
sky_blue6的博客
08-21 7万+
标题 antd Design Form setFieldsValue的使用 最近项目使用的是antd Design 4.x 版本，碰到个需要加载后端数据并展示，并且用户可以进行修改的需求，前端采用的是antd的Form表单来实现 组件加载的时候向后端请求数据 componentDidMount() { gainCountry().then(res => { // 这里进行数据请求 ...... }) } form表单要回填数据一般会想到的是init
you cannot set a form field before rendering a field associated with the value. you can use `getfielddecorator(id, options)` instead `v-decorator="[id, options]"` to register it before render
04-10
在渲染与值相关联的字段之前，您不能设置表单字段。您可以使用`getfielddecorator(id, options)`而不是`v-decorator="[id, options]"`在渲染之前进行注册。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值