v-decorator的取值与赋值

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 来动态改变表单值。

v-decorator 取值：

this.form.validateFields((err, values) => {
  if (err) {
    // 这里做逻辑处理
    console.log(values) // { name: '' }
  }
})

v-decorator 赋值：

this.form.setFieldsValue({
  name: '设置值'
})

清空表单数据：

this.form.resetFields

声明：本文由w3h5原创，转载请注明出处：《v-decorator的取值与赋值》 https://cloud.tencent.com/developer/article/1672429

本文已加入 腾讯云自媒体分享计划 (点击加入)