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

Question

我有多个 select 具有相同的 v-model，我想分别显示每个 select 的值。我需要绑定 :key 吗？

Answer 1

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

<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

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

Multiple select tags (v-for) with the same v-model

select

vue.js

v-model