select - 具有相同 v-model 的多个选择标签 (v-for)

Question

我有多个相同的选择，v-model并希望分别显示每个选择的值。我需要绑定:key吗？

示例：jsfiddle

Answer 1

如果要将不同的值绑定到每个选择，那么最简单的方法是构建数据模型，使数组中的每个项目都是具有标签和值属性的对象，如下所示：

<li v-for="(item, index) in array">
  {{ item.label }}
  <select v-model="item.value" :key="index">
    <option>false</option>
    <option>true</option>
  </select>
</li>

data: {
  array: [
    {
      label: 'one',
      value: true,
    },
    {
      label: 'two',
      value: false,
    }
  ]
}

更新的小提琴