vue的v-decorator回显

编辑的会回显

      <a-form-item
        label="名称"
        :labelCol="{span: 7, offset: 0}"
        :wrapperCol="{span: 13, offset: 0}"
      >
        <a-input  placeholder="请输入" v-decorator="['name' ,{rules: [
                    { max: 50, message: '长度不能超过50个字',required: true}
                  ]}]" />
      </a-form-item>
      <a-form-item
        label="备注"
        >
        <a-input  type="textarea" rows="4" cols="17"
          placeholder="请输入，不超过200字"
          v-decorator="['remake',
          {rules: [
                    { max: 200, message: '长度不能超过200个字'}
                  ]}]"/>
      </a-form-item>

核心方法

    //回显
    setFormValues ({...data}) {
      this.id=data.id;
      let fields = ['name','remake']
      Object.keys(data).forEach((key) => {
        if (fields.indexOf(key) !== -1) {
          let obj = {};
          this.form.getFieldDecorator(key);
          obj[key] = data[key];
          this.paramsData[key] = data[key];
          this.form.setFieldsValue(obj)
        }
      })
    },

定义获取v-decorator的from

绑定所有的<a-form-item
<a-form :form="form">

data () {
    return {
    form: this.$form.createForm(this),