Le composant v-breadcrumbs est un outil de navigation pour les pages. Il peut accepter une icône Material Icons ou des caractères texte comme un séparateur. Un tableau d'objets peut être transmis à la propriété items du composant. De plus, des emplacements existent pour plus de contrôle des breadcrumbs, soit en utilisant v-breadcrumbs-item ou d'autres balisages personnalisés.
Par défaut v-breadcrumbs désactivera toutes les miettes jusqu'à la page courante dans un chemin imbriqué. Vous pouvez empêcher ce comportement en utilisant exact: true sur chaque fil d'accès applicable dans le tableau items.
Par défaut, le fil d'ariane utilise un séparateur de texte. Cela peut être n’importe quelle chaîne de caractère.
Sélectionnez le composant désiré ci-dessous afin de voir les props, slots, événements et méthodes disponibles.
Applique la variante du thème foncé au composant. Vous pouvez trouver plus d'informations sur la documentation Material Design pour thèmes sombres.
Spécifie le caractère de division entre les éléments.
Un tableau d'objets pour chaque fil d'fil d'fil d'attente.
[
{
disabled: boolean
exact: boolean
href: string
link: boolean
text: string | number
to: string | object
}
]Augmentez la taille de la police du texte de l'élément de fil d'entier à 16px (14px par défaut).
Applique la variante claire du thème au composant.
L'emplacement par défaut de vue.
L'emplacement utilisé pour les séparateurs.
L'emplacement utilisé pour remplacer le comportement par défaut v-breadcrumbs-item lors de l'utilisation du prop items .
{
item: any[]
}0 12px !default;0 1 auto !default;14px !default;16px !default;0 !default;0 14px !default;Vous trouverez ci-dessous une collection d'exemples simples ou complexes.
Les grandes chaînes d'engrenages ont une taille de police plus grande.
Le séparateur de mbes d'arrêt peut être défini en utilisant la propriété divider.
Pour la variante d’icône, le fil d'ariane peut utiliser n’importe quelle icône du thème Material Design.
Vous pouvez utiliser l'emplacement item pour personnaliser chaque fil d'Ariane.
Prêt pour plus ? Continuez la lecture avec :