Javascript 如何制作<；md选择>；使用阵列中的数据下拉VueJS材质？

我有一个数组，我想放入一个

组件中。在列表中，该列表由静态值组成

我正在尝试这样做：

<md-select v-for="item in group" v-bind:key="item">
    <md-option value="{{item.codigo}}"> {{item.nome}} </md-option>
</md-select>

export default {
  data() {
   return {
      group: []
   }
}

{{item.nome}}
导出默认值{
数据（）{
返回{
集团：[]
}
}

---

但是它不会编译。

您试图迭代

标记，这是不正确的，您应该迭代

标记，并且您需要绑定每个选项值，而不使用

{}

，只需使用

v-bind

或其快捷方式

：

，如下所示：

{{item.nome}}
导出默认值{
数据（）{
返回{
我选择：''，
集团：[]
}
}

检查这个。我想它会解决你的问题。

v-bind:key

和

value

之间的区别是什么？

v-bind:key

或他的快捷方式

：key

是每次迭代的关键，

value

是

中当前
选项的值，选择
。然后当你选择他的选项时值由他的
v-model
上的
select
获取。我更新了我的答案，为每个选项绑定
value
。