面包屑
显示当前页面的路径,快速定位及返回。
基础用法
在 el-breadcrumb 中,每个 el-breadcrumb-item 表示一个层级,从首页开始。此组件有一个 String 类型的 separator 属性,它决定了分隔符。其默认值为 '/'。
图标分隔符
设置 separator-icon 可以使用 svg icon 作为分隔符,它将覆盖 separator。
Breadcrumb API
Breadcrumb 属性
| 名称 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| separator | 分隔符 | string | / |
| separator-icon | 图标分隔符的图标组件 | string / Component | — |
Breadcrumb 插槽
| 名称 | 描述 | 子标签 |
|---|---|---|
| default | 自定义默认内容 | 面包屑项 |
BreadcrumbItem API
BreadcrumbItem 属性
| 名称 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| to | 链接的目标路由,等同于 vue-router 中的 to。 | string / object | '' |
| replace | 如果为 true,则导航不会留下历史记录。 | boolean | false |
BreadcrumbItem 插槽
| 名称 | 描述 |
|---|---|
| default | 自定义默认内容 |