form表单使用setFildesValue 赋值不成功问题

最新推荐文章于 2024-06-14 14:44:11 发布
最新推荐文章于 2024-06-14 14:44:11 发布
阅读量1.2w 收藏
点赞数 1
分类专栏： Ant Design 爬坑 前端 文章标签： setFieldsValue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wo_dxj/article/details/90646824
版权
前端 同时被 3 个专栏收录
24 篇文章 2 订阅
订阅专栏
爬坑
9 篇文章 0 订阅
订阅专栏
Ant Design
4 篇文章 0 订阅
订阅专栏

        在使用antdform表单的时候，肯定会使用到它里面的setFieldsValue【赋值】、getFieldsValue【获取值】，两个api，但是小编在使用的过程中遇到一个问题就是使用setFieldsValue赋值，有的时候并不能生效，后面小编查了下这个方法的说明，感觉是小编在初始化的时候赋值有点早了，后面小编在赋值的时候加了一个异步（setTimeout）就好使了。

具体有可能是因为小编使用的框架问题，顺便在这推下我司CTO大大的小框架，基于react的二次封装maka.js

wo_dxj
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Antd中Form表单的onChange事件中执行setFieldsValue不生效
spicyboiledfish的博客
08-25 1万+
如果在Form表单中onChange事件中，手写了一个setFieldsValue, 则不会生效。原因是因为：Form表单会在手写的onChange事件之后执行内部的setFieldsValue，所以会将我们之前手写的setFieldsValue给覆盖掉。解决方案： 1. 使用setTimeout延时。此方案不推荐 2. 使用getValueFromEvent. 是当onChange的时候，更改form表单的值的情景下使用 <FormItem label="路由节点" {...nodelayo
ant-design中form表单的setFieldsValue无效
qq_41146515的博客
05-12 6584
使用setTimeout() setTimeout(()=>{ this.form.setFieldsValue({ layerName:this.cardTitle }) },0)
ant design vue中的a-form表单赋值setFidesValue不生效
jadetii的学习地盘
07-20 2117
在做数据回显时，发现部分字段回显失败，检查所有代码发现都没有问题。后来发现是初始化时候赋值可以过早，ant design vue中的form。
报错：[vuex] unknown action type: user/login
最新发布
2201_75783970的博客
06-14 390
确保在user模块中正确定义了。
ant-design Form表单setFieldsValue方法不生效
qq_44512894的博客
04-14 1678
但是由于近视度数的表单是根据判断条件来渲染的，这就会导致这个表单还未被渲染的时候，就已经给leftMyopia这个属性赋值了，结果就是其实leftMyopia这个值并没有赋值上，并且控制台还爆出了警告信息。为了解决这个问题，就不用那种条件判断渲染方式了，直接用css样式来控制这个表单是否在当前条件下显示，这样就不会因为表单还为渲染就赋值的问题了，主要也赋值不上，打印出来的是默认值。initialValue为0。
ProTable/EditableProTable 无法用formRef.current.setFieldsValue修改table某一行的值
muge1161105403的博客
04-28 255
上图可以看到打印出来的key是下标，值为每一行的表格数据，所以可以通过下标(index)或者rowKey也就是绑定的id拿到每一条数据，然后在赋值整个table即可。ProTable的编辑表格(开启editable)，无法用formRef.current.setFieldsValue修改某一行的值，坑又来了…需要做个包装，Table外层增加ProForm和ProFormItem，ProTable增加属性name="xx"即可解决。
在pro-form@1.53.6 版本中刚打开弹窗setFieldsValue无效
zsy_1991的博客
03-11 717
问题原因 本地开发环境pro-form@1.53.0，能够正常work； 线上环境pro-form@1.53.6, 不能初始化成功。 在最新的pro-form@1.57.0 中此问题不复存在，具体修复版本看changelog 看不出来，估计要去看源码！！ 问题描述 ant design pro+umi 项目，点击一个button, 显示创建用户表单，传入初始化的值，formRef 为undefined 导致每次都不能重置表单，此问题发生在@ant-desigin/pro-form@1.53.6。 expor
antdv中的a-form表单赋值setFidesValue不生效
唐璜Taro的博客
09-14 3188
最近在修改一个管理系统项目（Vue + Antdv），在做数据回显时，发现部分字段回显失败，检查所有代码发现都没有问题。后来搜索后提示说初始化时候赋值可以过早了, 特此记录一下。2、另一个解决方法是：加上this.$nextTick(()=>{})即可。👨 作者简介：大家好，我是Taro，前端领域创作者。
react Ant Design setFieldsValue 无效问题 bug
weixin_39818813的博客
07-20 2471
获取接口数据后，要set到表单中，但是set一直没反应。
layui 对弹窗 form表单赋值的实现方法
10-16
在本文中，我们将深入探讨如何使用layui框架在弹窗中为form表单赋值，特别是在点击编辑按钮后实现数据回显到子页面表单内的功能。layui是一个优秀的前端UI框架，提供丰富的组件和便捷的API，包括弹窗、表单等，使得...
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
12-03
总的来说，EXTJS Form Hidden Textfield的赋值问题可能是由于环境、时机或者与其他脚本冲突引起的。在确保问题定位准确后，可以采用更优雅的编程模式来避免类似问题。同时，持续保持EXTJS框架和依赖库的更新，也是...
解决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表单在赋值和渲染时发现有些字段无法渲染在现有的字段（因为不存在），所以就会报出这
form表单中的Input使用disabled不能提交的解决方法
09-22
form表单中的Input使用disabled导致不能提交，经测试终有一解，具体如下，希望遇到类似问题的朋友可以参考下，希望对大家有所帮助
vue 解决form表单提交但不跳转页面的问题
10-16
本文将详细介绍如何在Vue中解决表单提交但不跳转页面的问题。 首先，我们需要理解Vue中事件绑定的概念。Vue提供了`v-on`指令用于监听和处理DOM事件，例如表单的提交事件。`v-on`可以简写为`@`，所以`v-on:submit`...
Antd 的表单的setFieldsValue无效问题
qq_42672600的博客
08-04 5199
如果编辑需要用到form的setFieldsValue属性发现第一次调用无效时，就把它写在setState的第二个参数回调函数里面。
对表单进行了双向绑定却`setFieldsValue`失败
weixin_30496751的博客
12-24 1932
标签: react, ant design组件 需求 管理后台，点击编辑对应的条目之后，弹出修改框，希望弹出框中预设条目中原来的值 enter description here 实现难点 对表单的输入框进行双向绑定之后使用setFieldsValue却只给了下面的赠送栏赋初始值，并且报错 Warning: Cannot use setFieldsValue until you ...
antd4中Form组件initialValues设置初始值无效，使用setFieldsValue动态赋值，getFieldsValus动态获取值
热门推荐
前端菜鸡的博客
07-24 1万+
首先说明initialValues这个属性，这个属性antd官方给的是设置Form组件初始值，但是有个问题如果值从后端请求那么initialValues可能会设置不上，如果说用匿名组件的话，修改From组件会导致一系列问题，接下来就是用到了setFieldsValue和getFieldsValus属性 在antd官网中说明form组件不能使用this.setState修改值， 只能通过setFieldsValue来设置， 通过getFieldsValus来获取 首先通过getFieldsValus来动态获取
Form动态渲染问题(setFieldsValue)
m0_45321059的博客
04-13 6734
关于Form动态渲染问题 Ant 使用setFieldsValue更新Form表单值（antd4.x） 新手第一次使用ant的form表单，动态渲染表单。发现当state数据改变时，页面表单数据没有变化，百度了一下，发现表单数据不能通过setState改变，要使用setFieldsValue 步骤一：创建一个ref 步骤二：绑定在Form上 步骤三：在你需要更新的地方使用以下语句 thisname为你要更新的表单项的name，后面为更新的值 上面三步就是一般更新时的操作 But 我这里说的是动态渲
Antd中form的方法 setFieldsValue设置的值是个变量 该怎么处理
r8577的博客
10-28 603
setFieldsValue当设置的key值是个变量的时候需要用 ”[ ]“ 括起来
easyui的form表单组件赋值
05-31
可以使用jQuery的`form`方法来给EasyUI的form表单组件赋值。具体操作如下： 1. 首先获取要赋值的数据，可以是一个对象或一个JSON格式的字符串。 2. 然后使用jQuery的`form`方法来给form表单组件赋值，代码如下： ```javascript // 获取要赋值的数据，可以是一个对象或一个JSON格式的字符串 var data = { name: '张三', age: 18, gender: '男' }; // 给form表单组件赋值 $('#form').form('load', data); ``` 如果要给部分表单组件赋值，可以在data对象中只包含需要赋值的属性，例如： ```javascript var data = { name: '李四', age: 20 }; $('#form').form('load', data); ``` 这样只会给name和age两个表单组件赋值，其他表单组件的值不会改变。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值