Breadcrumb 面包屑

顯示當前頁面的路徑，快速返回之前的任意頁面。

基礎用法

適用廣泛的基礎用法。

在el-breadcrumb中使用el-breadcrumb-item標簽表示從首頁開始的每一級。Element Plus 提供了一個separator屬性，在el-breadcrumb標簽中設置它來決定分隔符，它只能是字符串，默認為斜杠/。

<template>
  <el-breadcrumb separator="/">
  <el-breadcrumb-item :to="{ path: '/' }">首頁</el-breadcrumb-item>
  <el-breadcrumb-item><a href="/">活動管理</a></el-breadcrumb-item>
  <el-breadcrumb-item>活動列表</el-breadcrumb-item>
  <el-breadcrumb-item>活動詳情</el-breadcrumb-item>
</el-breadcrumb>
</template>

圖標分隔符

通過設置 separator-class 可使用相應的 iconfont 作為分隔符，注意這將使 separator 設置失效

<template>
  <el-breadcrumb separator-class="el-icon-arrow-right">
  <el-breadcrumb-item :to="{ path: '/' }">首頁</el-breadcrumb-item>
  <el-breadcrumb-item>活動管理</el-breadcrumb-item>
  <el-breadcrumb-item>活動列表</el-breadcrumb-item>
  <el-breadcrumb-item>活動詳情</el-breadcrumb-item>
</el-breadcrumb>
</template>

Breadcrumb Attributes

Breadcrumb Item Attributes