迭代Vue.js中的表单字段

我有一个产品列表，我的产品项目有一些规格，这些规格根据选择的产品类型而有所不同。因此，我不想制作3个不同的编辑表单（每个产品1个），而是希望迭代我的规范列表中的每个表单字段

但是，我不能在迭代中使用v-model，因此我必须将其绑定到

：value

，但是我不能将这些值动态绑定回表单对象

如何通过迭代对象并将其绑定回表单负载，使表单成为动态的

v-for

 <div v-for="(spec, index) in item.specs" :key="index">
    {{spec}}
    <v-text-field :name="spec" :label="index" :value="spec"></v-text-field>
 </div>

---

您可以使用

v-model

进行双向数据绑定。作为

<div v-for="(spec, index) in item.specs" :key="index">
    {{spec}}
    <v-text-field :name="spec" :label="index" :value="spec" v-model='item.specs[index]'></v-text-field>
 </div>

{{spec}}

您是否尝试过

v-model=“item.spect[index]”？

？谢谢……我遇到一个错误……您正在将v-model直接绑定到v-for迭代别名。这将无法修改v-for源数组，因为写入别名就像修改函数局部变量。考虑使用对象数组，而不是在对象属性上使用V模型。

<div v-for="(spec, index) in item.specs" :key="index">
    {{spec}}
    <v-text-field :name="spec" :label="index" :value="spec" v-model='item.specs[index]'></v-text-field>
 </div>