mirror of
https://github.com/ElemeFE/element.git
synced 2025-12-19 12:04:02 +08:00
* init i18n * update router * finish router * Review: message/messageBox/notification * Tag: update doc * Review: pagination/popover/progress * i18n: sync with master
1.3 KiB
1.3 KiB
Breadcrumb
Displays the location of the current page, making it easier to browser back.
Basic usage
:::demo In el-breadcrumb, each el-breadcrumb-item is a tag that stands for every level starting from homepage. This component has a String attribute separator, and it determines the separator. Its default value is '/'.
<el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/' }">homepage</el-breadcrumb-item>
<el-breadcrumb-item>promotion management</el-breadcrumb-item>
<el-breadcrumb-item>promotion list</el-breadcrumb-item>
<el-breadcrumb-item>promotion detail</el-breadcrumb-item>
</el-breadcrumb>
:::
Breadcrumb Attributes
| Attribute | Description | Type | Accepted Values | Default |
|---|---|---|---|---|
| separator | separator character | string | — | / |
Breadcrumb Item Attributes
| Attribute | Description | Type | Accepted Values | Default |
|---|---|---|---|---|
| to | target route of the link, same as to of vue-router |
string/object | — | — |
| replace | if true, the navigation will not leave a history record |
boolean | — | false |