v-decorator的取值与赋值

v-decorator 是 Ant Design 的控件验证属性。

经过 getFieldDecoratorv-decorator 包装的控件,表单控件会自动添加 value(或 valuePropName 指定的其他属性) onChange(或 trigger 指定的其他属性),数据同步将被 Form 接管,这会导致以下结果:

你不再需要也不应该用 onChange 来做同步,但还是可以继续监听 onChange 等事件。

你不能用控件的 value defaultValue 等属性来设置表单域的值,默认值可以用 getFieldDecoratorv-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


推荐阅读:

20180410博客更换服务器步骤

JetbrainsCrack-2.7激活补丁更新 亲测激活PhpStorm2018

HTML img src图片路径不存在,则显示一张默认图片的方法

html CSS引用字体文件

table表格的td设置百分比宽度不管用的原因及解决方法

赞 (2)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)