Vue.js v-model输入值并填充现有数据

我在一个数组中有一些数据，我希望在循环时从输入填充这些数据

如果我想的话，还可以添加更多的输入。我没有得到任何错误，但是数据没有被填充

我的剧本：

data() {
  return {
     meta: []
  }
}

我的模板：

<div class="field" v-for="(meta, index) in data.meta" : key="index">
  <input : v-model="data.meta[index]" name="type" class="form-control shadow-btn" />
</div>
<a href="javascript:void(0)" @click="addInput" > add</a >

添加

---

我缺少什么？

您的模板需要显示，以便：

---

试试这种方法

newvue({
el:“应用程序”，
数据：{
元：['meta 1'，'meta 2']
},
方法：{
addInput（）{
警惕（“做点什么！”）；
}
},
});

查看您的代码，
：v-model=“data.meta[index]”
应该与
：v-model=“meta”
相同。另外，请记住，使用索引作为键可能会产生问题，因为列表中元素的索引可能会更改（如果它们在数组中的位置更改），所以我应该更改我的db结构以接受object还是您的建议？