Breadcrumbs

Компонент v-breadcrumbs является навигационным помощником для страниц. Он может принимать значок Material Icons или символы в качестве разделителя. Массив объектов, содержащих поля href, text и необязательный disabled, можно передать в свойство items компонента. Кроме того, существует регулярный слот для большего контроля над breadcrumbs, либо с использованием v-breadcrumbs-item, либо другой специальной разметки.

Применение

By default, breadcrumbs use a text divider. This can be any string.

API

v-breadcrumbs
Имя
dark
По умолчанию
false
Тип
boolean

Применяет тёмный вариант темы

Имя
divider
По умолчанию
'/'
Тип
string

Определяет разделительный символ

Имя
items New in — v1.2
По умолчанию
[]
Тип
array

Components.Breadcrumbs.

Имя
justify-center Deprecated in — v1.2
По умолчанию
false
Тип
boolean

Выровнять центр breadcrumbs

Имя
justify-end Deprecated in — v1.2
По умолчанию
false
Тип
boolean

Выравнять breadcrumbs в конце

Имя
large
По умолчанию
false
Тип
boolean

Увеличить размер шрифта текста элемента палитры

Имя
light
По умолчанию
false
Тип
boolean

Применяет светлый вариант темы

Примеры

Разделители иконок

Для варианта иконок breadcrumbs могут использовать любую икону из иконок Material Design.

Item slot

You can use the scoped item slot to customize each breadcrumb.

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore