Vuetify - treeview info

vuetify

#1

Bonjour,

est’il possible de cacher des nodes dans le items d’un treeview ?
exemple je cache les pairs et sur un clic d’un option bouton j’inverse ?

Mais je ne vois pas comment faire pour cacher des nodes ?


#2

Salut,

simplement avec qqch du style :

  • <li v-for="(item, idx) in items" v-show="idx % 2 === reminder">
  • data.showEven
  • computed.reminder () => (showEven ? 1 : 0)
    et un bouton qui toggle data.showEven

#3

bonjour,
je comprends la logique de loin, mais je ne vois pas comment l’appliquer au Treeview de vuetify. :frowning:
Si tu as un exemple de code je suis plus que preneur.


#4

pour utiliser dans le treeview de vuetify, il va falloir faire un peu différemment :

  • <v-treeview :items="displayedItems" />
  • data : { showEven: true, allItems: [...] }
  • computed.displayedItems () { return this.allItems.filter((_, idx) => (idx % 2 === this.showEven)) }
    et tjrs un bouton qui toggle data.showEven

#5

Ok je comprends un peu mieux.
Mais à ton avis, si sûr les items je rajoute une propriété avec une valeur, par exemple.
Type: “btob” ou “broc”
L’idée c’est qu’en fonction de boutons option j’affiche soit les nœuds btob ou btoc.
Je sais pas si tu vois ce que je veux dire ?
Est-ce la bonne méthode de faire à ton avis ?