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

最新推荐文章于 2024-04-28 16:06:37 发布
最新推荐文章于 2024-04-28 16:06:37 发布
阅读量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
关注
专栏目录
Antd中Form表单的onChange事件中执行setFieldsValue不生效
spicyboiledfish的博客
08-25 1万+
如果在Form表单中onChange事件中，手写了一个setFieldsValue, 则不会生效。原因是因为：Form表单会在手写的onChange事件之后执行内部的setFieldsValue，所以会将我们之前手写的setFieldsValue给覆盖掉。解决方案： 1. 使用setTimeout延时。此方案不推荐 2. 使用getValueFromEvent. 是当onChange的时候，更改form表单的值的情景下使用 <FormItem label="路由节点" {...nodelayo
为什么使用Form的ref.current.setFiledsValue()时不了值了?
weixin_39238520的博客
04-01 2117
问题描述：在第一次打开modal时，通过用实例ref设置的值是不生效的 如图，点击修改打开弹窗前，数据，使用的设值方法都是正确的。但是打开的弹窗值为空。 原因如图，经过断点之后，发现ref的实例为undefined，因为第一次使用modal时，此时还没渲染dom节点到dom中，没有实例是很正常的。至于后来的，但是第二次打开之后，可以发现，此时已经正常使用。 下图是第二次点击。 第二次点击结果如下图，可以看到此时是正常的。 解决：第一次使用ref实例，因为还没有dom节点，使用ref当然获取不到实例
antdv中的a-form表单赋值setFidesValue不生效
唐璜Taro的博客
09-14 3339
最近在修改一个管理系统项目（Vue + Antdv），在做数据回显时，发现部分字段回显失败，检查所有代码发现都没有问题。后来搜索后提示说初始化时候赋值可以过早了, 特此记录一下。2、另一个解决方法是：加上this.$nextTick(()=>{})即可。👨 作者简介：大家好，我是Taro，前端领域创作者。
ant-design Form表单setFieldsValue方法不生效
qq_44512894的博客
04-14 2054
但是由于近视度数的表单是根据判断条件来渲染的，这就会导致这个表单还未被渲染的时候，就已经给leftMyopia这个属性赋值了，结果就是其实leftMyopia这个值并没有赋值上，并且控制台还爆出了警告信息。为了解决这个问题，就不用那种条件判断渲染方式了，直接用css样式来控制这个表单是否在当前条件下显示，这样就不会因为表单还为渲染就赋值的问题了，主要也赋值不上，打印出来的是默认值。initialValue为0。
ant design vue中的a-form表单赋值setFidesValue不生效
jadetii的学习地盘
07-20 2447
在做数据回显时，发现部分字段回显失败，检查所有代码发现都没有问题。后来发现是初始化时候赋值可以过早，ant design vue中的form。
ant-design中form表单的setFieldsValue无效
qq_41146515的博客
05-12 6674
使用setTimeout() setTimeout(()=>{ this.form.setFieldsValue({ layerName:this.cardTitle }) },0)
react Ant Design setFieldsValue 无效问题 bug
weixin_39818813的博客
07-20 2735
获取接口数据后，要set到表单中，但是set一直没反应。
ProTable/EditableProTable 无法用formRef.current.setFieldsValue修改table某一行的值
muge1161105403的博客
04-28 531
上图可以看到打印出来的key是下标，值为每一行的表格数据，所以可以通过下标(index)或者rowKey也就是绑定的id拿到每一条数据，然后在赋值整个table即可。ProTable的编辑表格(开启editable)，无法用formRef.current.setFieldsValue修改某一行的值，坑又来了…需要做个包装，Table外层增加ProForm和ProFormItem，ProTable增加属性name="xx"即可解决。
layui 对弹窗 form表单赋值的实现方法
12-29
<div class=layui-form lay-filter=useradmin id=useradmin> <div class=layui-form-item> <label class=layui-form-label>用 户 名 <input type=text name=username lay-verify=required id
react使用antd表单赋值,用于修改弹框的操作
01-18
补充知识：react中使用antd的表单重置数据 resetFields 重置一组输入控件的值（为 initialValue）与状态，如不传入参数，则重置所有组件 Function([names: string[]]) 注：initialValue有值时会
解决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表单在赋值和渲染时发现有些字段无法渲染在现有的字段（因为不存在），所以就会报出这
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
12-01
1、使用Vue.js实现双向表单数据绑定，例子 <!--html代码--> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &lt...
vue 给form表单赋值_Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)...
weixin_39906358的博客
12-20 1291
//实现取值var VueFormSub = function(formid){this.$form = ($("#" + formid).length !=0)?$("#" + formid):$("."+formid);var models = $("*[v-model != '']",this.$form);var vueData = {};$.each(models,function(id...
在pro-form@1.53.6 版本中刚打开弹窗setFieldsValue无效
zsy_1991的博客
03-11 771
问题原因 本地开发环境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
Antd 的表单的setFieldsValue无效问题
qq_42672600的博客
08-04 5481
如果编辑需要用到form的setFieldsValue属性发现第一次调用无效时，就把它写在setState的第二个参数回调函数里面。
react-antd的form.getFieldsValue()获取不到select下拉框默认值的问题
qq_51175166的博客
01-18 994
刚开始我是在select中设置了defaultvalue=“空闲”，选项框select能显示默认值，但发现不选择select的选项(不点，直接提交),发现form.getFieldsValue()获取的值为空，最后用initialValue解决了问题。const selectData = [{ key: '1', value: '空闲',label:'空闲' }, { key: '2', value:'有货',label: '有货' }]
对表单进行了双向绑定却`setFieldsValue`失败
weixin_30496751的博客
12-24 1969
标签: 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来动态获取
antd form.setFieldsValue问题总结
bl_ack233的博客
11-25 6071
想要使用就需要实例出form对象，但是如果是如下的嵌套组件结构该怎么传递呢，antd官方给我们提供了方法
给form表单属性赋值
最新发布
09-10
在Web开发中，form表单是一个经常使用的元素，它允许用户输入数据，如文本、单选按钮、复选框等。给form表单属性赋值通常涉及到HTML标签的属性设置以及JavaScript的动态操作。以下是一些基本的属性赋值方法： 1. 在HTML中直接设置属性：可以直接在HTML标签中通过属性来给表单元素赋值。例如，为一个文本框设置默认值： ```html <input type="text" name="username" value="默认用户名"> ``` 2. 使用JavaScript动态赋值：可以在页面加载完成后或者响应某些事件时，使用JavaScript来给表单元素赋值。例如： ```javascript document.getElementById('elementId').value = '新值'; ``` 3. 通过表单提交后在服务器端接收赋值：在服务器端的脚本中，可以通过请求对象获取表单提交的数据，并根据需要赋值给相应的变量或对象属性。例如，在PHP中获取一个名为`username`的表单元素的值： ```php $username = $_POST['username']; ``` 通过这些方法，可以给form表单的各个属性进行赋值，以满足不同的业务需求。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值