v-for中使用v-model的坑点

问题场景:

有这样一种场景,比如我们需要根据数据创建多个input输入框

  <template>
    <div v-for="(item, index) in list" :key="index">
      <a-input v-model="item"></a-input>
    </div>
  </template>

<script>
  export default{

    data(){
    return {
    list:[111,222,333]
   }
    }
  }
</script>

 这里在编译阶段就会报错

解决方法:

v-model使用数据[key]

    <div v-for="(item, index) in list" :key="index">
      <a-input v-model="list[index]"></a-input>
    </div>

问题完美解决!