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