将动态数据放入 v-model

Question

我想将数组中的字符串添加到v-model ，如下所示：

<div v-for="(item, index) in items" :key="index">
 <input :v-model="item.key" />
</div>

但是这段代码不起作用，经过多次搜索，我没有找到正确的方法来做到这一点

Answer 1

请参阅此小提琴以获取工作示例。 v-model不需要:在前面。

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!',
    items: [{
        key: "test one"
    },
    {
        key: "test two"
    },
    {
        key: "test three"
    }]
  }
})

和dom：

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <p>{{ message }}</p>
  <div v-for="(item, index) in items" :key="index">
   <input v-model="item.key" />
  </div>
</div>

文档链接： Vue 表单绑定