ElementPlus PageHeader 頁頭

2021-09-26 17:22 更新

PageHeader 頁頭

如果頁面的路徑比較簡單,推薦使用頁頭組件而非面包屑組件。

基礎(chǔ)用法


<template>
  <el-page-header @back="goBack" content="詳情頁面"> </el-page-header>
</template>

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

自定義圖標(biāo)


<template>
  <el-page-header icon="el-icon-arrow-left" content="詳情頁面"></el-page-header>
</template>

Attributes

參數(shù)說明類型可選值默認(rèn)值
icon圖標(biāo)stringel-icon-back
title標(biāo)題string返回
content內(nèi)容string

Events

事件名稱說明回調(diào)參數(shù)
back點擊左側(cè)區(qū)域觸發(fā)

Slots

事件名稱說明
icon自定義圖標(biāo)
title標(biāo)題內(nèi)容
content內(nèi)容




以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號