Ant Design表单Form常用方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ant Design表单Form常用方法相关的知识,希望对你有一定的参考价值。

参考技术A Ant Design表单Form常用方法

Form.useForm()
通过 Form.useForm 对表单数据域进行交互。用法:

经 Form.useForm() 创建的 form 控制实例,常用方法如下:

1、form.setFieldsValue()
设置表单的值,更新对应的值,用法:

2、form.getFieldValue()
获取对应字段名的值。用法:

3、form.getFieldsValue()
获取一组字段名对应的值,会按照对应结构返回。用法:

4、form.validateFields()
触发表单验证。用法:

5、form.submit()
提交表单,与点击 submit 按钮效果相同,会走 onFinish 方法。用法:

6、form.resetFields()
重置一组字段到 initialValues。用法:

————————————————
原文链接: https://blog.csdn.net/qq_29791893/article/details/106058043

Ant Design form 表单赋值,清空

参考技术A 1:表单清空:this.form.resetFields();
2:表单赋值:this.form.setFieldsValue(
value: this.data,
value: this.data,
value: this.data
....
);

以上是关于Ant Design表单Form常用方法的主要内容,如果未能解决你的问题,请参考以下文章

ant design vue表单提交里面的方法引用不成功

ant design vue表单提交里面的方法引用不成功

React使用Ant Design Mobile结合rc-form进行表单验证

ant-design pro 表单ref问题

Ant-Design-Vue中关于Form组件的使用

Ant Design form 表单赋值,清空