zk-desktop-ui/docs/components/breadcrumb.md

ZKTeco UI Components

## Breadcrumb 面包屑
显示当前页面的路径，快速返回之前的任意页面。

### 基础用法

适用广泛的基础用法。

在`zk-breadcrumb`中使用`zk-breadcrumb-item`标签表示从首页开始的每一级。ZKFeTeam 提供了一个`separator`属性，在`zk-breadcrumb`标签中设置它来决定分隔符，它只能是字符串，默认为斜杠`/`。

Demo:

```html
<zk-breadcrumb separator="/">
  <zk-breadcrumb-item :to="{ path: '/' }">首页</zk-breadcrumb-item>
  <zk-breadcrumb-item>活动管理</zk-breadcrumb-item>
  <zk-breadcrumb-item>活动列表</zk-breadcrumb-item>
  <zk-breadcrumb-item>活动详情</zk-breadcrumb-item>
</zk-breadcrumb>
```

### Breadcrumb Attributes
| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|---------- |-------------- |---------- |--------------------------------  |-------- |
| separator | 分隔符 | string | — | 斜杠'/' |

### Breadcrumb Item Attributes
| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|---------- |-------------- |---------- |--------------------------------  |-------- |
| to        | 路由跳转对象，同 `vue-router` 的 `to` | string/object | — | — |
| replace   | 在使用 to 进行路由跳转时，启用 replace 将不会向 history 添加新记录 | boolean | — | false |