vue.js - 为什么选择 Vuetify组件不显示我的数据

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

...并且 vuetify 显示“无可用数据”。

谢谢你的帮助！