Vue.js Vuetify treeview如何显示非默认子字段名

我正在尝试使用Vuetify创建树视图 但是我有一个小问题 在我的回答中，我有一个子字段，其中父元素与字段名parent嵌套 这就是它的样子 在这种情况下，我需要把父母和孩子联系起来

[
  {
    "id": 4,
    "name": "Test",
    "slug": "test-5f1f43f81fe14-2020-07-28 00:15:36",
    "parent_id": 0,
    "image": "gVtHmE4tN18Y.png",
    "keywords": "Test",
    "created_at": "2020-07-27T21:15:38.000000Z",
    "updated_at": "2020-07-27T21:15:38.000000Z",
    "children": [
      {
        "id": 6,
        "name": "Test2",
        "slug": "test2-5f4ac4d7d87f5-2020-08-30 00:12:55",
        "parent_id": 4,
        "image": "XBpqGq6CinOm.png",
        "keywords": "Test2",
        "created_at": "2020-08-29T21:12:56.000000Z",
        "updated_at": "2020-08-29T21:12:56.000000Z",
        "parent": {
          "id": 4,
          "name": "Test",
          "slug": "test-5f1f43f81fe14-2020-07-28 00:15:36",
          "parent_id": 0,
          "image": "gVtHmE4tN18Y.png",
          "keywords": "Test",
          "created_at": "2020-07-27T21:15:38.000000Z",
          "updated_at": "2020-07-27T21:15:38.000000Z"
        }
      }
    ]
  }
]

这是我在Vue组件中的代码

<v-treeview
                                open-all
                                :items="categories"
                                item-text="name"
                                hoverable
                                item-key="name"
                                return-object
                            >
                                <template v-slot:append="{item}">
                                    <v-treeview
                                        v-for="children in item.children"
                                        :items="children.parent"
                                        item-key="name"
                                        hoverable
                                        item-text="name"
                                        return-object>
                                    </v-treeview>
                                </template>
                            </v-treeview>

我在这里的答案可以帮助您。