Breadcrumbs 组件

站点正文顶部已经默认接入 Breadcrumbs。如果你在文档内容里也需要手动展示路径，同样可以直接使用这个组件。

手动用法

Markdown

<Breadcrumbs
  :items="[
    { key: 'resource', text: '资源', href: '/resource/' },
    { key: 'components', text: '项目组件', href: '/resource/project-components' },
    { key: 'kbd', text: 'Kbd 组件', current: true }
  ]"
/>

自定义分隔符

长路径折叠

站点级自动面包屑

Props

参数	类型	默认值	说明	示例
`items`	`BreadcrumbItem[]`	-	面包屑项数组。	`:items="[{ key: 'a', text: '资源' }]"`
`separator`	`string`	`>`	分隔符。	`separator="/"`

Breadcrumbs 组件 ​

手动用法 ​

自定义分隔符 ​

长路径折叠 ​

站点级自动面包屑 ​

Props ​

Breadcrumbs 组件

手动用法

自定义分隔符

长路径折叠

站点级自动面包屑

Props