Question

我从data（）中获得了一个对象，该对象本质上是嵌套的选择，其格式如下：

[
 {
  text: "a",
  value: [
   {
    text: "aa",
    value: [
     "aaa"
      ...
     "aac"
    ]
   },
   ...
  ]
 },
 ...
]

我想将其插入Vuetify v-selects中，以便选择对象的第一个“层”，然后选择第二个，以此类推。此外，我想设置默认值...但是我遇到了麻烦。到目前为止，我所做的归结为：

<v-col class="d-flex" cols="4">
 <v-select
  :items="allItems"
  v-model="firstTier"
 />
 </v-col>
 <v-col class="d-flex" cols="4">
  <v-select
   :items="firstTier"
   v-model="secondTier"
  />
 </v-col>
 ...

Here's一个Codepen。我正在寻找的行为是这样的：

启动时，选择项将初始化为某些内容
更改第一选择会更改第二，第三...等可用的下拉选项

我该如何实现？

使用嵌套对象对v-select进行Vuetify

0 个答案: