为什么我的v-select渲染不止一次？

Question

我正在使用vuex和vuetify，因此我想对服务器中的项目进行下拉列表。 我得到一个Json对象，该对象从我的商店作为对象数组返回。 我使用getter来访问我组件中的所有组件，并且看起来不错，除了下拉列表渲染了不止一次（目前在组件中超过20次）。我如何使我的下拉列表仅呈现一次？

<template>
<v-select v-for"item in allItems" :key="item.name"
:items="allItems" item-value="id" item-text="name">
{{item}}</v-select
</template>

<script>
computed: {
allItems(){
return this.$store.getters['items'];
}
}
</script>

一切都在编译，但是我真的不需要多个下拉列表。我在做什么错了？

Answer 1

删除v-for="item in allItems"中的<v-select>。这将为<v-select>中的每个项目呈现一个allItems元素。