Breadcrumb 面包屑
显示当前页面的路径,快速返回之前的任意页面。
基础用法
在 el-breadcrumb
中,每一个 el-breadcrumb-item
都是从首页开始的一个级别。 该组件接受一个 String
类型的 separator
作为分隔符,默认为 '/'。
图标分隔符
设置 separator-icon
来使用 svg icon
作为分隔符,它会覆盖 separator
的设置。
Breadcrumb API
Breadcrumb 属性
名称 | 描述 | 类型 | 默认值 |
---|---|---|---|
separator | 分隔符 | string | / |
separator-icon | 图标分隔符的图标组件 | string / Component | — |
Breadcrumb 插槽
名称 | 描述 | 子标签 |
---|---|---|
default | 自定义默认内容 | Breadcrumb Item |
BreadcrumbItem API
BreadcrumbItem 属性
名称 | 描述 | 类型 | 默认值 |
---|---|---|---|
to | 路由跳转目标,同 vue-router 的 to 属性 | string / object | '' |
replace | 如果为 true ,导航将不会留下历史记录 | boolean | false |
BreadcrumbItem 插槽
名称 | 描述 |
---|---|
default | 自定义默认内容 |