ElementPlus PageHeader 頁(yè)頭

2021-09-26 17:22 更新

PageHeader 頁(yè)頭

如果頁(yè)面的路徑比較簡(jiǎn)單,推薦使用頁(yè)頭組件而非面包屑組件。

基礎(chǔ)用法


<template>
  <el-page-header @back="goBack" content="詳情頁(yè)面"> </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="詳情頁(yè)面"></el-page-header>
</template>

Attributes

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

Events

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

Slots

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




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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)