Breadcrumb面包屑

显示当前页面在系统层级结构中的位置，并能向上返回。

基础用法

home /

Application List /

Application /

Details

<template>
  <ABreadcrumb>
    <ABreadcrumbItem path="/Application">
      home
    </ABreadcrumbItem>
    <ABreadcrumbItem path="/Application/list">
      Application List
    </ABreadcrumbItem>
    <ABreadcrumbItem path="/Application/list/item">
      Application
    </ABreadcrumbItem>
  </ABreadcrumb>
</template>

自定义分隔符

你可以使用 flag 属性来自定义分隔符

home >

Application List >

Application >

Details

<template>
  <ABreadcrumb flag=">">
    <ABreadcrumbItem path="/Application"> home </ABreadcrumbItem>
    <ABreadcrumbItem path="/Application/list">
      Application List
    </ABreadcrumbItem>
    <ABreadcrumbItem path="/Application/list/item">
      Application
    </ABreadcrumbItem>
  </ABreadcrumb>
</template>

自定义Icon

home /

Application List /

Application /

Details

<template>
  <ABreadcrumb flag="/">
    <ABreadcrumbItem path="/Application">
      <a-icon name="home"></a-icon>
      home
    </ABreadcrumbItem>
    <ABreadcrumbItem path="/Application/list">
      <a-icon name="chart-bar"></a-icon>
      Application List
    </ABreadcrumbItem>
    <ABreadcrumbItem path="/Application/list/item">
      Application
    </ABreadcrumbItem>
  </ABreadcrumb>
</template>