使用Ant Design组件我们需要使用Form.List对表单进行操作
1.首先将Form.List放入form组件中，并name命名，
2.设置一个命名为数组，添加编辑和删除事件
3.以刚刚设置的数组设置map循环，可以在循环的的括号可以设置对嵌套表单控制
4.可以通过设置命名实现对input框中值的控制
5.设置删除添加按钮实现表单元素的增加和删除
这样嵌套表单就完成了
Ant Design组件动态嵌套表单制作
2023-12-19
240
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Ant Design组件动态嵌套表单制作
目录
相关文章
|
前端开发
|
7月前
|
JavaScript
前端开发
【vue2中引入阿里第三方图标库使用自定义的Ant Design Vue组件a-cascader级联选择后缀图标】
【vue2中引入阿里第三方图标库使用自定义的Ant Design Vue组件a-cascader级联选择后缀图标】
585
0
0
|
前端开发
|
前端开发
|
索引
|
JavaScript
搜索推荐
API
|
前端开发
|
前端开发
API
【React工作记录三十九】ant design控制tag选中的写法【React工作记录三十九】ant design控制tag选中的写法
【React工作记录三十九】ant design控制tag选中的写法
159
0
0
|
前端开发