为什么Vuetify <v-select>组件不显示我的数据

Question

我使用Vuetify，我想在<v-select>组件中显示一个数据数组。 在我的真实应用中，我使用async数据。我的应用程序可以在本地服务器和测试服务器中运行，但是当我在其他应用程序中（在工作的数字环境中）部署时，该组件将不再工作。

我想是因为数据是async，所以我试图修改数据。我尝试使用本地数据，而<v-select>也不使用本地数据。我的代码：

      <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
        }
      ]
    }
  }

...并且查看显示为“无可用数据”。

谢谢您的帮助！