Vuejs2 Vue.js-v-model不使用动态数据跟踪更改?

Vuejs2 Vue.js-v-model不使用动态数据跟踪更改?,vuejs2,Vuejs2,我有以下表单,其中输入字段是动态生成的,但是当我更新字段时,双向绑定没有发生-当我在dev工具中查看结果时,没有任何变化 <template v-for="field in formFields" :key="field.name"> <div class="form-group" v-if="field.type == text'"> <label class="h4" :for="field.label" v-tex

我有以下表单,其中输入字段是动态生成的,但是当我更新字段时,双向绑定没有发生-当我在dev工具中查看结果时,没有任何变化

   <template v-for="field in formFields" :key="field.name">
        <div class="form-group" v-if="field.type == text'">
            <label class="h4" :for="field.label" v-text="field.label"></label>
            <span class="required-asterisk" v-if="field.required"> *</span>
                   <input :class="field.className"
                          :id="field.name"
                          :name="field.name"
                          type="text"
                          :maxlength="!!field.maxLength ? field.maxLength : false"
                          v-validate="{ required: field.required}"
                          :data-vv-as="field.label" 
                          v-model="form[field.name]"/>
           <span class="field-validation-error" v-show="errors.has(field.name)" v-text="errors.first(field.name)"></span>
         </div>
   </template>
当我硬编码
表单中的值时
似乎有效:

 this.form = {
                'loading': false,
                'Subject': 'Test',
                'Author': 'Roald Dahl'
            }
因此,这似乎与以下内容有关,但它不喜欢:

  _.each(this.formFields,  (field) => {
                this.form[field.name] = field.value;
  });

这可能与箭头功能有关。有什么想法吗?

尝试更改以下内容:

->

模型数据对象是这样的

data: {
          form: {},
   },

这里举个例子。出于测试目的,我删除了验证,尝试更改以下内容:

->

模型数据对象是这样的

data: {
          form: {},
   },

这里举个例子。出于测试目的,我删除了验证

您遇到了Vue反应性的限制,这在

而不是

this.form[field.name] = field.value;
this.form[field.name] = field.value;
使用


您遇到了Vue反应性的限制,这在

而不是

this.form[field.name] = field.value;
this.form[field.name] = field.value;
使用

而不是

this.form[field.name] = field.value;
this.form[field.name] = field.value;
使用

更多信息请参见:

而不是

this.form[field.name] = field.value;
this.form[field.name] = field.value;
使用


更多信息请访问:

抱歉,我的帖子中的第一个错误是输入错误。模型数据对象是
form:{}
,但是如果用户做了一些更改并取消编辑,我需要重置这些值。问题似乎在于设置数据。看到我更新的帖子了吗?有什么想法吗?对不起,第一点是我的帖子中的一个拼写错误。模型数据对象是
form:{}
,但是如果用户做了一些更改并取消编辑,我需要重置这些值。问题似乎在于设置数据。查看我的更新帖子,有什么想法吗?这真的很有帮助,顺便说一句,在这种情况下,重新构建整个数据并重新分配给
这个。表单
也可以,但你的方式很好,我认为这真的很有帮助,顺便说一句,在这种情况下,重新构建整个数据并重新分配给
这个。表单
也可以,但我认为你的方式很好