页头 ​

如果页面的路径比较简单，推荐使用页头组件而非面包屑组件。

完整用例 ​

基础用法 ​

标准页头，用于简单场景。

自定义图标 ​

默认图标可能无法满足您的需求，您可以像示例中那样通过设置 icon 属性来自定义图标。

无图标 ​

有时页面上元素过多，您可能不希望图标显示在页面上，您可以将 icon 属性设置为 "" 来去掉它。

面包屑 ​

页头允许您通过 breadcrumb 插槽添加面包屑，为用户提供路由信息。

附加操作区 ​

页头可以根据需要变得复杂，您可以在页头中添加额外的区域，以实现丰富的交互。

主内容 ​

有时我们希望页头与一些相应的内容一起显示，我们可以利用 default 插槽来实现这一点。

组件剖析 ​

该组件由以下部分组成

<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 ​

属性 ​

事件 ​

插槽 ​

来源 ​

组件 • 样式 • 文档

贡献者 ​