Ant Design 当Form表单列表循环的时候,列表联动,删除一个数据的时候,页面数据显示不正确

最新推荐文章于 2024-09-13 15:18:53 发布
最新推荐文章于 2024-09-13 15:18:53 发布
阅读量2.8k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LoveEate/article/details/90603901
版权

问题: 最近有个需求,当列表里面是表单的时候,我们去循环,该表其中一个数值改变的时候,当先修改,后再删除这条数据的时候,发现页面数据显示不正确,解决办法

解决办法:

LoveEate
关注
[ant design vue] 表单验证成功，提示信息不显示
m0_59697051的博客
12-09 3395
以上是原图以及源代码，input中带有表单验证，但是输入0以后却不显示报错信息，后来通过大哥指点，给每一个input加一个a-form-item问题解决。代码及效果如下：
ant design动态表单
shizhihua11的博客
11-20 2992
项目有表单动态增加减少的需求，且表单列表的每一项有多个input输入框，虽然ant design有一个代码demo,但是只有一个input框，且没有最初默认数据的展示； 本文章对这一需求的实现做一个归纳总结。 动态表单 实现过程中遇到了从列表中删除中间的项时，删除数据不对应的情况，主要是因为ant design的表单双向绑定不同vue一样，是通过v-model绑定的，而是用getFieldDe...
【JavaScript源代码】antd+vue实现动态验证循环属性表单的思路.docx
12-27
antd+vue实现动态验证循环属性表单的思路 　　希望实现查询表单的某些属性可以循环验证必填项：　　需求：　　1.名称，对比项，备注必填，默认为一行，可增加多行　　2.根据名称，动态请求对比项列表，名称变化时，清空该行当前选择的对比项　　思路：将整个搜索分成了两个表单，分别去做验证。一个是可动态添加的循环表单form，另一个为普通表单dateForm　　html　　<a-form :form="form" @keyup.enter.native='searchQuery'>　　    <div class="dynamic-wrap">　　        <div v-for="(item,
表单控件的name属性相同会出现的问题
CatTSF的博客
09-09 3207
在一个form中若不同标签的name属性重复，在提交时会自动将value封装成数组，中间以“,”分割
ant design vue动态循环生成表单以及自定义校验规则
最新发布
m0_65730686的博客
09-13 201
转载：如有侵权联系后及时删除。
记录--VUE3+TS+Antd循环表单验证
weixin_41611635的博客
02-27 711
antd循环表单验证
【避坑指“难”】Ant-Design 中 Form表单删除报错：Division by Zero
椰卤工程师的个人博客
10-11 299
查看控制台的报错详情 page和per_page都没有读到 删除功能代码片段： 添加yield
antd4 Form.List删除会清空后面的数据
QiuXiang_的博客
07-31 539
【代码】antd4 Form.List删除会清空后面的数据。
k-form-design:基于vue Ant-Design 的表单设计器，快速开发
05-10
设计器布局参考form-generator项目，基于vue和ant-design-vue实现的表单设计器，样式使用less作为开发语言，主要功能是能通过简单操作来生成配置表单，生成可保存的JSON数据，并能将JSON还原成表单，使表单开发更...
antd vue form 手动校验_Ant Design 4.0 的一些杂事儿 - Form 篇
weixin_39805851的博客
11-20 1857
上一篇：Ant Design 4.0 的一些杂事儿 - Table 篇是的，趁着手热，于是又开了一篇新的文章，用来讲讲我们在开发 Ant Design 4.0 的 Form 时遇到的一些杂事儿。当然，欢迎使用、吐槽以及贡献到开源项目中来。Ant Design 4.0.0-rc 版本已经发布，我们提供了一套迁移指南和自动化迁移工具（从社区反馈上来看，我相信不少朋友们已经升级体验了~）。贤良淑德的 F...
Vue 2.x折腾记 - (17) 基于Ant Design Vue 封装一个配置式的表单组件
CRPER
04-16 6904
前言 在写这个的时候，还是不信邪的用了vue jsx的风格去写东西， 当组件的东西多了起来之后，各种报错；没错，最终我又回归到传统的写法； 上一篇写了个搜索的封装，到写这个的时候发现有所可以优化的地方。 效果图 实现思路和功能 基础的功能直接配置上来渲染，而上传组件就不大合适了； 所以选择了slot来实现,如何保证传入的form-item的布局一致，则是拿slot-scope 我这边选型用的...
antd动态删除/增加form表单带来的bug
赵又又的博客
05-19 2790
需求背景：上传一组图片，每张图片都可配置跳转链接开关，类型，url地址等，可编辑。图片删除后对应的配置都变为初始状态。 由于上传图片用的公共组件，此组件内不能插入其他代码，所以我就直接遍历了图片组的长度，动态生成N个配置项。 删除图片的操作是在公共组件传的方法内，删除图片的同时要删除对应的配置项，所以在这个方法内要写删除配置项的代码。 实现很好实现，直接匹配图片url与配置项里的图片url是否相同。 我遇到的问题是删除form表单某一项后再添加一组新的表单，会把上次删除了的value值带出来。删除操
Ant Design vue 多层for循环form表单自定义校验
cc蒲公英的博客
08-30 474
Ant Design vue 多层for循环form表单自定义校验
form表单循环，新增,删除
凡尘
05-08 525
form表单循环，新增,删除
使用 react antdesign form 表单动态添加一条数据时造成之前输入框的值丢失
xuewenjie0217的博客
03-26 2091
> 注：可能在做动态 form 表单时直接写一个 form 表单、使用 Form.list 自己不需要写任何变更原来数据结构的逻辑 > 若是以上情况可以不需要给表单设置值来变更 form 结构、直接在输入完表单之后、取 form 值提交 > 但很多情况下，业务都会很复杂、比如选择一项值之后需要给其他表单字段设置对应的值、或后台需要类似城市联动组件中，非value值，此处完全依赖 form 表单自身是很难实现的。 > 以下只存在于复杂逻辑与数据结构时、需要自己存储一份数据对应到 form 中 bug
在react antd中动态生成多个 form表单组，包括一个动态添加/删除表单项的功能和一个提交表单的功能
weixin_38791717的博客
04-12 5349
方法，动态添加一个新的表单项。当用户提交表单时，将会调用。属性来指定占位文本。在每个表单项的最后，我们使用。组件来实现删除表单项的功能。在表单的最后，我们使用。方法，打印所有表单项的内容。在输入框中，我们使用。组件来实现提交表单的功能。方法循环渲染每个表单项，并使用。组件来动态生成多个表单项。属性指定表单项的名称，使用。在这个示例中，我们首先使用。组件包裹每个表单项。
antdv form useForm list校验
yyd6976的博客
10-27 1011
动态往rulesRef里添加属性进行校验
react使用antd框架表单重名校验、清除校验
qq_52685664的博客
11-08 4111
添加和编辑保存情况下进行校验，编辑可保存原有名字，过滤自己（id相同判断value是否相同，value不相同比较其他数据，重名校验） 所需条件：后端返回所有名字的接口数组 <FormItem {...formItemLayout} label="分词器英文名称：" required> <Input {...init('tokenEng', { rules: [ {
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值