element/examples/docs/en-US/page-header.md

PageHeader

If path of the page is simple, it is recommended to use PageHeader instead of the Breadcrumb.

Basic

:::demo

<el-page-header @back="goBack" content="detail">
</el-page-header>

<script>
  export default {
    methods: {
      goBack() {
        console.log('go back');
      }
    }
  }
</script>
```html
:::

### Attributes
| Attribute | Description   | Type      | Accepted Values               | Default |
|---------- |-------------- |---------- |------------------------------ | ------ |
| title     | main title    | string    |  —                            | Back   |
| content   | content       | string    |  —                            | —      |

### Events
| Event Name | Description   | Parameters |
|----------- |-------------- |----------- |
| back       | triggers when right side is clicked | — |

### Slots
| slot      | Description            |
|---------- | ---------------------- |
| title     | title content          |
| content   | content                |