面包屑

v-breadcrumbs组件是一个页面导航辅助器。它可以接受一个Material Icons图标或字符作为分隔符。一个包含字段hreftextdisabled的对象数组可以被传递给组件的items属性。此外,还有一个常规插槽用于更多地控制面包屑,可以使用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

对齐面包屑中心

名称
justify-end Deprecated in — v1.2
默认值
false
类型
boolean

尾部对齐面包屑

名称
large
默认值
false
类型
boolean

增加面包屑项目文本的字体大小。

名称
light
默认值
false
类型
boolean

应用明亮主题变体

示例

图标分隔符

对于图标变体,面包屑可以使 aterial Design Icons中的任何图标。

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