Vue.js 如何在vuetify中显示treeview组件

有人能帮我在vuetify中渲染树状视图吗 我有这样的回应 在这种情况下，我使用vuetify框架

[
  {
    "id": 4,
    "name": "Test",
    "parent_id": 0,
    "image": "gVtHmE4tN18Y.png",
    "children": [
      {
        "id": 6,
        "name": "Test2",
        "parent_id": 4,
        "image": "XBpqGq6CinOm.png",
        "parent": [
          {
            "id": 7,
            "name": "Test3",
            "parent_id": 6,
            "image": "MNI3TmNXI1V5.png",
          }
        ]
      }
    ]
  }
]

我不知道如何在treeview中显示此响应 我尝试使用许多解决方案，但我没有任何结果 这就是我发现的 如果有人知道怎么做，那就太好了 感谢您的帮助

，默认情况下，加载属性（如果有）。然而，在你的例子中，我们可以看到，在第一个孩子身上，它没有“孩子”属性。但是“父”属性是存在的，并且您也希望将其视为子对象

解决方案：您可以创建一个遍历所有节点的计算变量，检查它是否具有“父”属性，并添加与“父”属性具有相同值的“子”属性。（我将使用此解决方案遍历项目）

数据：（）=>({
项目：[{…}]
}),
计算：{
modfiedItems（）{
//让我们克隆这些项目，这样就不会污染原始数据。
const clonedItems=JSON.parse（JSON.stringify（this.items））；
此。遍历（克隆项）；
返回克隆项目；
}
},
方法：{
//参考：https://stackoverflow.com/a/722676/9183405
导线测量（项目）{
//检查节点是否为对象或数组
if（items！==null&&typeof items===“object”）{
Object.entries（items）.forEach（[key，value]）=>{
//检查项目/节点是否具有“父”属性
如果（键==“父级”）{
items.children=值；
}
这个。遍历（值）；
});
}
}
}

因此，现在，如果a节点/项具有“children”或“parent”属性，它仍将加载到treeview上。如果两个属性都存在，则“子项”将被使用

---

这是一个示例代码。

仅显示

Test

？没有办法扩展这棵树吗？你应该在这里阅读使用v-for。非常感谢你，不客气。祝你好运！