v-model怎么存数组

在使用 v-model 绑定数组时，可以使用 input 事件来更新数组的值。例如：

<template>
  <div>
    <div v-for="(item, index) in items" :key="index">
      <input type="text" v-model="items[index]" @input="updateItem(index, $event.target.value)">
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ['item 1', 'item 2', 'item 3']
    }
  },
  methods: {
    updateItem(index, value) {
      this.items[index] = value;
    }
  }
}
</script>

在上面的例子中，我们使用 v-for 循环渲染数组中的每个元素，并使用 v-model 绑定 input 元素，然后在 input 事件中调用 updateItem 方法来更新数组中对应元素的值。这样就可以实现 v-model 绑定数组的功能了。

相关问题

vue input 存数组

好的，如果您想在 Vue 中将用户输入的数据存储到数组中，可以按照以下步骤操作：

1. 首先在 Vue 的 data 属性中定义一个数组，比如：

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

2. 在模板中使用 `v-model` 指令将用户输入的值绑定到一个变量上，比如：

<template>
  <div>
    <input v-model="inputValue" />
    <button @click="addInputToArray">Add</button>
  </div>
</template>

3. 在 Vue 实例中定义一个方法，将用户输入的值添加到数组中，比如：

methods: {
  addInputToArray() {
    this.inputArray.push(this.inputValue)
    this.inputValue = ''
  }
}

4. 在上面的代码中，我们通过 `push` 方法将用户输入的值添加到数组中，然后将输入框清空。这样，每次用户点击添加按钮时，输入框中的值都会被添加到数组中。

希望这个回答能对您有所帮助。

vue 多个checkbox 使用数组存值 触发

可以使用 v-model 绑定一个数组来存储多个 checkbox 的值，例如：

<template>
  <div>
    <label v-for="item in items" :key="item">
      <input type="checkbox" :value="item" v-model="checkedItems">
      {{ item }}
    </label>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ['选项1', '选项2', '选项3'],
      checkedItems: []
    }
  }
}
</script>

在上面的例子中，我们使用 v-for 循环渲染多个 checkbox，并将它们的值存储在一个数组 checkedItems 中。当用户勾选或取消勾选某个 checkbox 时，该值会自动添加或删除。