Блог

Я работаю с древовидной структурой через Vuetify. Я нашел 3 типа выбора-тип: все, лист, независимый. Но ни один из этих типов не удовлетворяет моим требованиям.

Теперь у меня есть

 <v-treeview
            v-model="selected"
            open-all
            selectable
            :items="current_filter_list"
            selection-type="all"
            selected-color="green darken-3"
            dense
        ></v-treeview>
 

с такими данными, как

 current_filter_list: [
        {
          "id": "all",
          "name": "all",
          "children": [
            {
              "id": "Parent1",
              "name": "Parent1",
              "children": [
                  {
                    "id": "Children1",
                    "name":"Children1"
                  },
                  {
                    "id": "Children2",
                    "name":"Children2"
                  }
              ]
            }
          ]
        }
      ],
      selected: []
 

посмотрите, например, на изображение ниже

введите описание изображения здесь

Можно ли добиться такого результата, чтобы промежуточные родительские узлы, отмеченные знаком «минус» (знак на рисунке), взаимодействовали со списком v-моделей (выбранным в примере)? Я хочу видеть [«Дети 2», «Родители 1», «все» ] в выбранных данных. Может быть, использовать другой тип выбора?