mirror of
https://gitee.com/ElemeFE/element.git
synced 2024-12-05 05:38:24 +08:00
4ccb8ea9ae
* 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 |