Treeview

Permet à l'utilisateur de marquer un noeud comme actif en cliquant dessus

Prop Synchronisable qui permet de contrôler les nœuds actifs. Le tableau est composé de la item-key de chaque élément actif.

La classe appliquée au noeud quand active

Définit la couleur du nœud actif

Applique la variante du thème foncé au composant. Vous pouvez trouver plus d'informations sur la documentation Material Design pour thèmes sombres.

Diminue la hauteur des objets

Icône utilisée pour indiquer qu'un noeud peut être étendu

Fonction de filtrage d'élément personnalisé. Par défaut, elle utilisera la recherche insensible à la casse dans l'étiquette de l'article.

Applique une classe de survol lors de la moussement des nœuds

Icône utilisée lorsque le noeud est dans un état indéterminé. Seulement visible lorsque selectable est true.

Propriété sur items fourni qui contient ses enfants

Propriété sur items fourni qui contient l'état désactivé de l'élément

Propriété sur items fourni utilisée pour garder la trace de l'état du noeud. La valeur de cette propriété doit être unique parmi tous les éléments.

Propriété sur items fourni qui contient son libellé

Un tableau d'éléments utilisés pour construire l'arborescence

Applique la variante claire du thème au composant.

Une fonction utilisée lors du chargement dynamique des enfants. Si ce prop est défini, la fonction fournie sera exécutée si l'extension d'un élément qui a une propriété item-children qui est un tableau vide. Supporte de retourner une promesse.

Icône utilisée lorsque le noeud est dans un état de chargement

Quand true, permet à l'utilisateur d'avoir plusieurs nœuds actifs en même temps

Icône utilisée lorsque le noeud n'est pas sélectionné. Seulement visible lorsque selectable est true.

Icône utilisée lorsque le noeud feuille est sélectionné ou lorsqu'un noeud de branche est complètement sélectionné. Seulement visible lorsque selectable est true.

Prop synchronisable qui permet de contrôler les nœuds ouverts. Le tableau est composé de la item-key de chaque élément ouvert.

Quand true ouvrira tous les noeuds de branche quand le composant est monté

Quand true va ouvrir des nœuds en cliquant n'importe où, au lieu d'ouvrir uniquement en cliquant sur l'icône d'extension. Lorsque vous utilisez ce prop avec activatable vous ne pourrez pas marquer les noeuds avec des enfants aussi actifs.

Quand true fera v-model, active.sync et open.sync retourne l'objet complet au lieu de la seule clé

Fournit un style actif alternatif pour le noeud v-treeview. Seulement visible lorsque activatable est true et ne doit pas être utilisé en conjonction avec le prop shaped.

Le modèle de recherche pour les résultats de filtrage

Renforcera une case à côté de chaque noeud permettant de les sélectionner

La couleur de la case à cocher de sélection

Contrôle la sélection des nœuds de treeview. Il y a deux modes disponibles : 'leaf' et 'independent'

Fournit un style actif alternatif pour le noeud v-treeview. Seulement visible lorsque activatable est true et ne doit pas être utilisé en conjonction avec le prop rounded.

Applique une transition lorsque les nœuds sont ouverts et fermés

Permet à un contrôle des noeuds sélectionnés. Le tableau est composé de la item-key de chaque élément sélectionné. Il est utilisé avec l'événement @input pour permettre la liaison v-model.

Ajoute le contenu après étiquette

Contenu du label

Prépend le contenu avant l'étiquette

Émet le tableau des éléments sélectionnés lorsque cette valeur change

Émet le tableau des éléments actifs lorsque cette valeur change

Émet le tableau des éléments ouverts lorsque cette valeur change

Ouvre ou ferme tous les nœuds