Как поместить элементы во вложенный массив в компоненте Vuetify treeview - PullRequest
Новая
       13

Как поместить элементы во вложенный массив в компоненте Vuetify treeview

1 голос
/ 07 октября 2019

Я пытаюсь настроить компонент дерева просмотра Vuetify, чтобы включить ввод данных во вложенный массив существующих элементов. До сих пор я был в состоянии настроить компонент, чтобы разрешить вставку ввода во вложенный массив динамически добавляемого элемента. Однако я хочу вставить новый ввод во вложенный массив существующего элемента «приложения», вместо создания совершенно нового элемента. Как мне этого добиться? Смотрите мой код ниже. Спасибо! 

<template>
  <v-app data-app>
    <v-app-bar app flat>
      <v-text-field v-model="newItem" placeholder="add new item"></v-text-field>
      <div class="flex-grow-1"></div>
      <v-btn color="success" @click="addItem()">
        Add Item
      </v-btn>
    </v-app-bar>
    <v-treeview :items="items"></v-treeview>
  </v-app>
</template>

<script>
  export default {
    data: () => ({
      newItem: null,
      items: [
        {
          id: 1,
          name: 'Applications :',
          children: [
            { id: 2, name: 'Calendar : app' },
            { id: 3, name: 'Chrome : app' },
            { id: 4, name: 'Webstorm : app' },
          ],
        },
      ],
    }),
    methods: {
      addItem () {
        this.items.push({
          name: 'Applications :',
          children: [
            { id: 5, name: this.newItem },
          ],
        })
      }
    }
  }
</script>
...