具有相同v模型的多个选择标签（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,
    }
  ]
}

Updated fiddle