2016-08-26 18:34:54 +08:00
|
|
|
## Breadcrumb 面包屑
|
2016-09-07 18:36:50 +08:00
|
|
|
显示当前页面的路径,快速返回之前的任意页面。
|
2016-08-26 18:34:54 +08:00
|
|
|
|
2016-09-06 12:47:25 +08:00
|
|
|
### 基础用法
|
2016-07-27 14:15:02 +08:00
|
|
|
|
2016-09-02 16:09:36 +08:00
|
|
|
适用广泛的基础用法。
|
2016-08-19 18:54:18 +08:00
|
|
|
|
2016-08-25 18:24:51 +08:00
|
|
|
:::demo 在`el-breadcrumb`中使用`el-breadcrumb-item`标签表示从首页开始的每一级。Element 提供了一个`separator`属性,在`el-breadcrumb`标签中设置它来决定分隔符,它只能是字符串,默认为斜杠`/`。
|
2016-07-27 14:15:02 +08:00
|
|
|
|
|
|
|
```html
|
2016-09-06 12:47:25 +08:00
|
|
|
<el-breadcrumb separator="/">
|
2016-10-13 12:26:08 +08:00
|
|
|
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
|
2016-09-07 18:36:50 +08:00
|
|
|
<el-breadcrumb-item>活动管理</el-breadcrumb-item>
|
|
|
|
<el-breadcrumb-item>活动列表</el-breadcrumb-item>
|
|
|
|
<el-breadcrumb-item>活动详情</el-breadcrumb-item>
|
2016-07-27 14:15:02 +08:00
|
|
|
</el-breadcrumb>
|
|
|
|
```
|
2016-08-25 18:24:51 +08:00
|
|
|
:::
|
2016-07-27 14:15:02 +08:00
|
|
|
|
2016-10-13 12:26:08 +08:00
|
|
|
### Breadcrumb Attributes
|
2016-07-27 14:15:02 +08:00
|
|
|
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
|
|
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
2016-09-02 13:56:47 +08:00
|
|
|
| separator | 分隔符 | string | — | 斜杠'/' |
|
2016-10-13 12:26:08 +08:00
|
|
|
|
|
|
|
### Breadcrumb Item Attributes
|
|
|
|
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
|
|
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
|
|
|
| to | 路由跳转对象,同 `vue-router` 的 `to` | string/object | — | — |
|
|
|
|
| replace | 在使用 to 进行路由跳转时,启用 replace 将不会向 history 添加新记录 | boolean | — | false |
|