Vue.js Vue v-for="&引用；：键=”键&引用；不起作用

我需要一些帮助。 我在App.vue中有以下代码：

<template>
...
  <select class="form-control">
    <option v-for="{car, index} in cars" :key="index">
      {{ car.name }}
    </option>
  </select>
...
</template>

---

因此，它应该呈现一个

项，但它没有。我不知道为什么。

您的模板代码应该是这样的：

<template>
...
  <select class="form-control">
    <option v-for="(car, index) in cars" v-bind:value="index">
      {{ car.name }}
    </option>
  </select>
...
</template>

...
{{car.name}
...

这意味着如果要将值绑定到选项，则需要使用

v-bind

---

有关更多详细信息，请查看文档

看起来您主要处理的是语法错误。您的

v-for

应该使用括号，而不是大括号，即它应该是

v-for=“（汽车，索引）in cars”

，而不是

v-for=“{car，index}in cars”

---

此外，我注意到您正在使用

：key=“index”

。如果要将

索引

作为该特定选项的值，则应执行

：value=“index”

。如果使用<代码>：密钥< /代码>是有意的，那么您可能需要考虑使用一个不是代码>索引< /代码>的值，如果数组的排序顺序发生变化，它将不会发生变化。做

：key=“index”

是有合法用途的，但我不相信您试图将其用于这些目的。

谢谢您的回答。我想迭代may数组，并将所有对象添加为select中的

。现在有一个对象（

），但我想在数组中再添加两个。在cars数组中添加其他对象，用“，”分隔，@ElNegro您只需向数组中添加更多对象，就这么简单。话虽如此，这超出了你原来问题的范围。请避免向其添加其他作用域。如果原始问题已解决，则应选择一个答案。如果您仍然需要超出问题范围的其他信息，可以提交一个新的信息。这会导致错误“[vue/require-v-for-key]元素在迭代中预期有'v-bind:key'指令。”即使是官方文档中的示例也会导致相同的错误：我认为您使用的是vuejs 1.x版本。我的VUEJS 2.XI AM使用VUE CLI3.0.0 BETA.11进行协作，请与我们分享您在项目中使用的VUEJS版本，而不是VUE CLI。检查package.json文件，您会发现它是“vue”：“^2.5.11”

<template>
...
  <select class="form-control">
    <option v-for="(car, index) in cars" v-bind:value="index">
      {{ car.name }}
    </option>
  </select>
...
</template>