ant-design-vue/antdv-demo/docs/page-header/demo/breadcrumb.md

#### 带面包屑页头 带面包屑页头，适合层级比较深的页面，让用户可以快速导航。 #### Use with breadcrumbs With breadcrumbs, it is suitable for deeper pages, allowing users to navigate quickly.

<template>
  <a-page-header
    style="border: 1px solid rgb(235, 237, 240)"
    title="Title"
    :breadcrumb="{ props: { routes } }"
    sub-title="This is a subtitle"
  />
</template>
<script>
export default {
  data() {
    return {
      routes: [
        {
          path: 'index',
          breadcrumbName: 'First-level Menu',
        },
        {
          path: 'first',
          breadcrumbName: 'Second-level Menu',
        },
        {
          path: 'second',
          breadcrumbName: 'Third-level Menu',
        },
      ],
    };
  },
};
</script>