vue循环出的input框怎么让内容不同步且传到数组里

可以使用v-model指令和:key指令来实现循环出的input框内容不同步且传到数组的功能。

1. 在循环中使用v-model指令来绑定每个input框的内容到一个临时变量中，如：

<template>
  <div>
    <div v-for="(item, index) in list" :key="index">
      <input v-model="tempValue[index]" type="text" />
      <button @click="addItem(index)">添加</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [1, 2, 3],
      tempValue: []
    };
  },
  methods: {
    addItem(index) {
      this.list.push(this.tempValue[index]);
      this.tempValue[index] = '';
    }
  }
};
</script>

2. 在添加按钮的点击事件中将临时变量中的值添加到数组中，并将该临时变量清空，如上面的addItem方法。

这样就可以实现循环出的input框内容不同步且传到数组的功能了。