Breadcrumb 面包屑
显示当前页面的路径,快速返回之前的任意页面。
基础用法
在 el-breadcrumb
中使用 el-breadcrumb-item
标签表示从首页开始的每一级。 该组件接受一个 String
类型的参数 separator
来作为分隔符。 默认值为 '/'。
图标分隔符
通过设置 separator-class
可使用相应的 iconfont
作为分隔符,注意这将使 separator
失效。
Breadcrumb API
Breadcrumb Attributes
属性名 | 说明 | 类型 | 默认值 |
---|---|---|---|
separator | 分隔符 | string | / |
separator-icon | 图标分隔符的组件或组件名 | string / Component | — |
Breadcrumb Slots
插槽名 | 说明 | 子标签 |
---|---|---|
default | 自定义默认内容 | Breadcrumb Item |
BreadcrumbItem API
BreadcrumbItem Attributes
属性名 | 说明 | 类型 | 默认值 |
---|---|---|---|
to | 路由跳转目标,同 vue-router 的 to 属性 | string / object | '' |
replace | 如果设置该属性为 true , 导航将不会留下历史记录 | boolean | false |
BreadcrumbItem Slots
插槽名 | 说明 |
---|---|
default | 自定义默认内容 |