Vue.js 为什么是Vuetify<；v-select>；组件don'；我不能显示我的数据

我使用

Vuetify

，我想在

组件中显示一个数据数组。 在我的真实应用程序中，我使用

async

数据。我的应用程序在本地服务器和测试服务器中工作，但当我在其他应用程序（在工作的数字环境中）中部署时，组件不再工作

我想这是因为数据是异步的，我试图修改数据。我尝试使用本地数据，而

也无法使用本地数据。我的代码：

      <v-select :items="airData"
                item-text="name"
                item-value="id"
                :label="$t('pages.Home.form.repositories.label.name')"
                v-model="selected"
                :error-messages="repositoryErrors"
                color="valid"
                :attach="true"
      />
...
data () {
    return {
      selected: 1,
      airData: [
        {
          name: 'repository 1',
          id: 1
        }, {
          name: 'repository 2',
          id: 2
        }, {
          name: 'repository 3',
          id: 3
        }
      ]
    }
  }

...
数据（）{
返回{
选定：1，
航空数据：[
{
名称：“存储库1”，
身份证号码：1
}, {
名称：“存储库2”，
身份证号码：2
}, {
名称：“存储库3”，
身份证号码：3
}
]
}
}

…vuetify显示“无可用数据”

---

谢谢你的帮助

您是否尝试了一个精简版本，仅使用：items属性？@MatheusValenza是的，我尝试过。我尝试了使用属性为

文本
和
值
的
:items
，而不是文档中的
名称和
id
。什么是
：label=“$t（'pages.Home.form.repositories.label.name'）”
？如果我删除它，一切都正常。@Toodoo我试图删除标签，但v菜单仍然不起作用。我有同样的问题与日期选择器（它也使用v-菜单）。你能提供一个代码笔的问题重现？