面包屑 Breadcrumb
自研面包屑,支持自定义分隔符,点击跳转项触发事件(SPA 跳转由使用方处理)。
Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
items | { title, to? }[] | [] | 面包屑项列表 |
separator | string | '/' | 分隔符 |
事件
| 事件 | 参数 | 说明 |
|---|---|---|
navigate | { title, to? } | 点击带 to 的项时触发 |
示例
vue
<template>
<Breadcrumb
:items="[
{ title: '首页', to: '/' },
{ title: '组件库' },
{ title: '通用组件' },
]"
@navigate="onNavigate"
/>
</template>