面包屑导航 (Breadcrumbs)

v-breadcrumbs 组件用作页面的导航助手和层次结构。

使用

默认情况下，面包屑导航使用文本分隔符。这可以是任何字符串。

::: 提示：

使用 slots 为了更好地控制面包屑，可以使用 v-breadcrumbs-item 或其他自定义标记。

:::

API

组件	描述
v-breadcrumbs	主要组件
v-breadcrumbs-item	作为每个面包屑的子组件
v-breadcrumbs-divider	用于分隔面包屑的子组件

INFO

默认情况下，v-breadcrumbs 会阻止路由跳转到相对当前页面的链接。但你可以通过设置 items 数组中的 exact: true 来阻止这个行为。

示例

属性

分隔线

可以使用 divider 属性来设置面包屑分隔符。

插槽

前缀内容

可以使用 prepend 插槽添加前缀内容。

分隔线 (Dividers)

要自定义分隔线，使用 divider 插槽即可。

标题

你可以使用 title 插槽来自定义每个面包屑的标题内容。