Page Header 页头
如果页面的路径比较简单，推荐使用页头组件而非面包屑组件。
完整示例
基础用法
简单场景下的标准页头。
面包屑导航
使用页头组件，您可以通过添加插槽 breadcrumb 来设置面包屑路由导航。
组件插槽结构
本组件由这些部件构成：
<template>
<el-page-header>
<!-- Line 1 -->
<template #breadcrumb />
<!-- Line 2 -->
<template #icon />
<template #title />
<template #content />
<template #extra />
<!-- Lines after 2 -->
<template #default />
</el-page-header>
</template>
API
Attributes
| 属性名 | 说明 | 类型 | 默认 |
|---|---|---|---|
| icon | Page Header 的图标 Icon 组件 | string / Component | Back |
| title | Page Header 的主标题，默认是 Back (内置 a11y) | string | '' |
| content | Page Header 的内容 | string | '' |
事件
| 事件名 | 说明 | 类型 |
|---|---|---|
| back | 点击左侧区域触发 | Function |
插槽
| 名称 | 说明 |
|---|---|
| icon | 图标内容 |
| title | 标题内容 |
| content | 内容 |
| extra | 扩展设置 |
| breadcrumb | 面包屑导航内容 |
| default | 默认内容 |