Vuetify v-select с вложенными объектами - PullRequest
Новая
       24

Vuetify v-select с вложенными объектами

0 голосов
/ 14 января 2020

У меня есть объект из моих данных (), который по сути является вложенным выбором, отформатированный следующим образом: 

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

И я хотел бы подключить его к Vuetify v-select, чтобы можно было выбрать первый «ярус» объекта, второй - второй и т. д. Кроме того, я хотел бы установить значения по умолчанию ... но у меня возникают трудности с этим. То, что я сделал до сих пор, сводится к следующему: 

<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>
 ...

Вот Codepen. Я ищу следующее поведение:

  • При запуске выборки инициализируются чем-то
  • Изменение первого выбора изменяет доступные опции выпадающего списка для второго, третьего .. и т. д.

Как мне этого добиться?

...