Dashboard 2.0 - Viewtify treeview

I there, i just startet to check out dashboad 2.0 with the idea of using it for some visualisations with my nodered flows.

i came across the treeview component of viewtify:

Would really love to use it to render some data structure hierarchy

I do not get it rendered this data:


data = [
    {
      "id": 1,
      "name": "Applications :",
      "children": [
        {
          "id": 2,
          "name": "Calendar : app"
        },
        {
          "id": 3,
          "name": "Chrome : app"
        },
        {
          "id": 4,
          "name": "Webstorm : app"
        }
      ]
    },
    {
      "id": 5,
      "name": "Applications :",
      "children": [
        {
          "id": 6,
          "name": "Calendar : app"
        },
        {
          "id": 7,
          "name": "Chrome : app"
        },
        {
          "id": 8,
          "name": "Webstorm : app"
        }
      ]
    }
  ]


msg.payload = data;
return msg;

My template code looks like this:

<template>
  <v-treeview :items="items"></v-treeview>
</template>

<script>
  export default {
    data: () => ({
      items: msg.payload
    })
  }
</script>

What is it i am missing? On the dashboard page i get a blank screen.
Thank yo very much in advance.
T

That documentation is for vuetify v1.

dashboard-2 uses vuetify v3

See here: [Task] v-treeview · Issue #13518 · vuetifyjs/vuetify · GitHub

Ah,.. all right.
Thank you for the link.
So it might work in a couple of weeks then?

I will keep an eye on it.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.