v-decorator 是 Ant Design 的控件验证属性。
经过getFieldDecorator
或v-decorator
包装的控件,表单控件会自动添加value
(或valuePropName
指定的其他属性)onChange
(或trigger
指定的其他属性),数据同步将被 Form 接管,这会导致以下结果:
你不再需要也不应该用 onChange
来做同步,但还是可以继续监听 onChange
等事件。
你不能用控件的 value defaultValue
等属性来设置表单域的值,默认值可以用 getFieldDecorator
或 v-decorator
里的 initialValue。
你不应该用 v-model
,可以使用 this.form.setFieldsValue
来动态改变表单值。
定义form:
<template>
<div class="main">
<a-form
id="formLogin"
class="user-layout-login"
ref="formLogin"
:form="form"
@submit="handleSubmit"
>
<a-form-item>
<a-input