Form动态渲染问题(setFieldsValue)

关于Form动态渲染问题

Ant 使用setFieldsValue更新Form表单值（antd4.x）

新手第一次使用ant的form表单，动态渲染表单。发现当state数据改变时，页面表单数据没有变化，百度了一下，发现表单数据不能通过setState改变，要使用setFieldsValue

步骤一：创建一个ref

步骤二：绑定在Form上

步骤三：在你需要更新的地方使用以下语句

thisname为你要更新的表单项的name，后面为更新的值

上面三步就是一般更新时的操作

But

我这里说的是动态渲染表单，所以name是动态获取的，于是我进行了以下操作

ids是动态获取的name值,结果出错了，获取不到ids,因为这里的这个名字不能为变量，如果要用变量就要加个[]

Form动态渲染问题(setFieldsValue)相关推荐

layui中onchange失效以及form动态渲染失效的问题
最近在使用layui框架做联动的时候,发现jquery中的onchange事件方法在layui框架中失效了. 然后浏览layui社区,了解到layui监控一个控件变化有自己的方法. 设置 lay-fi ...
工作183：动态渲染数据数据在数字字典里面
1接口调用 /*调用接口*/created() {/*动态渲染content_type接口*/getAction("/dict/list",{dict_code:"con ...
layui进度条：调用、参数设置、动态渲染、数据热更新（含案例、代码）
文章目录 layui进度条:调用.参数设置.动态渲染.数据热更新 (含案例.代码) 一.demo案例 1.1. 应用 · 截图: 1.2. 案例 · 全部代码: 二.自定义案例 2.1. 部分代码: ...
el-select下拉框组件el-option如何使用v-for动态渲染问题 - 方法篇
文章目录后台数据,通过el-select组件el-option如何使用v-for动态渲染问题一.效果截图: 二.代码示例 · 参考: 三.相关阅读: 后台数据,通过el-select组件el-op ...
layui select动态赋值_layui与 VUE 配合使用时动态渲染 select 坑
使用v-model 动态渲染元素后, 刷新from:layui.form.render(), 一定要刷新from <form class="layui-form" actio ...
【前端笔记】Ant Design Form组件 resetFields() 与 setFieldsValue() 之比较
Ant Design Form组件 resetFields() 与 setFieldsValue() 之比较关键词:React,Ant Design,Form组件,组件渲染一.问题描述 Form ...
Python3网络爬虫实战-38、动态渲染页面抓取:Splash的使用
Splash 是一个 JavaScript 渲染服务,是一个带有 HTTP API 的轻量级浏览器,同时它对接了 Python 中的 Twisted和 QT 库,利用它我们同样可以实现动态渲染页面的抓 ...
Layui动态渲染下拉框
本例包含测试页面代码,工具方法只有selectUtil <!DOCTYPE html> <html><head><meta charset="utf ...
Vue中动态渲染输入框并v-model绑定后无法输入
最近遇到一个根据后台返回来动态渲染表单的需求,但是input在v-model后无法输入了. 原因:Vue无法检测普通的新增属性解决:通过this.$set()新增 <el-form :mode ...

Form动态渲染问题(setFieldsValue)

Ant 使用setFieldsValue更新Form表单值（antd4.x）

But

Form动态渲染问题(setFieldsValue)相关推荐

最新文章

热门文章