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

【问题标题】：Why does my v-select render more than once?为什么我的 v-select 渲染不止一次？
【发布时间】：2019-12-31 15:24:53
【问题描述】：

我正在使用 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>

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

【问题讨论】：

标签： vue.js components vuex vuetify.js

【解决方案1】：

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

【讨论】：

谢谢，这就是我的问题的解决方案。