Ant Design form 表单赋值,清空

Posted

tags:

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

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

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 表单赋值,清空的主要内容,如果未能解决你的问题,请参考以下文章

Ant Design form表单赋值 报错

Vue+Ant Design表单验证

如何清空form表单里面的所有数据

清空form表单数据的两种方式

Vue版Ant Design给a-form表单-赋值及获取表单数据-案例

关于element在vue中的使用--form表单清空验证