# Breadcrumb 面包屑
# Breadcrumb 概述
显示网站的层级结构,告知用户当前所在位置,以及在需要向上级导航时使用。
# Breadcrumb 代码示例
# 基础用法
最基础的用法,通过设置 href
属性添加链接。
# 带图标的
可自定义每项的内容,比如带有一个图标。
# 分隔符
通过设置 separator
属性来自定义分隔符,比如 >
,也可以接受自定义的 HTML 字符串。
# 不记录历史
通过设置 replace
来控制会不会向 history 添加新记录
# Breadcrumb API
# Breadcrumb props
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
separator | 自定义分隔符 | String | Element String | / |
# BreadcrumbItem props
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
href | 链接,不传则没有链接 | String | - |
replace | 路由跳转时,开启 replace 将不会向 history 添加新记录 | Boolean | false |