Vuejs2 Vue.js-v-model不使用动态数据跟踪更改?
我有以下表单,其中输入字段是动态生成的,但是当我更新字段时,双向绑定没有发生-当我在dev工具中查看结果时,没有任何变化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
<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:{}
,但是如果用户做了一些更改并取消编辑,我需要重置这些值。问题似乎在于设置数据。查看我的更新帖子,有什么想法吗?这真的很有帮助,顺便说一句,在这种情况下,重新构建整个数据并重新分配给这个。表单也可以,但你的方式很好,我认为这真的很有帮助,顺便说一句,在这种情况下,重新构建整个数据并重新分配给这个。表单也可以,但我认为你的方式很好