1. PageHeader頁頭

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

1.2. Attributes

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

1.3. Events

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

1.4. Slots

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

2. PageHeader頁頭例子

2.1. 使用腳手架新建一個名為element-ui-pageheader的前端項(xiàng)目, 同時安裝Element插件。

2.2. 在components下創(chuàng)建PageHeader.vue?

<template><div><h1>基礎(chǔ)</h1><h4>如果頁面的路徑比較簡單, 推薦使用頁頭組件而非面包屑組件。</h4><el-page-header @back="goBack" content="詳情頁面"></el-page-header></div> </template><script> export default {methods: {goBack () {console.log('go back')}} } </script>

2.3. 運(yùn)行項(xiàng)目, 訪問http://localhost:8080/#/PageHeader

總結(jié)

以上是生活随笔為你收集整理的036_PageHeader页头的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。