Breadcrumb

Displays the location of the current page, making it easier to browser back.

Basic usage

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 '/'.

Icon separator

Set separator-icon to use svg icon as the separator,it will cover separator

Attributes

NameDescriptionTypeDefault
separatorseparator characterstring/
separator-iconicon component of icon separatorstring / Component

Slots

NameDescriptionSubtags
defaultcustomize default contentBreadcrumb Item

Attributes

NameDescriptionTypeDefault
totarget route of the link, same as to of vue-routerstring / object''
replaceif true, the navigation will not leave a history recordbooleanfalse

Slots

NameDescription
defaultcustomize default content

Source

ComponentStyleDocs

Contributors