036_PageHeader页头

1. PageHeader页头

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

1.2. Attributes

参数	说明	类型	可选值	默认值
title	标题	string	无	返回
content	内容	string		无

1.3. Events

事件名称	说明	回调参数
back	点击左侧区域触发	无

1.4. Slots

事件名称	说明
title	标题内容
content	内容

2. PageHeader页头例子

2.1. 使用脚手架新建一个名为element-ui-pageheader的前端项目, 同时安装Element插件。

2.2. 在components下创建PageHeader.vue

<template><div><h1>基础</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. 运行项目, 访问http://localhost:8080/#/PageHeader

036_PageHeader页头相关推荐

移动端布局规范-固定页头页尾-中间随高度滑动
<!DOCTYPE html> <html> <head><title>移动端上下固定中间滑动</title><meta charse ...
Android复习06【网络编程提高篇-安装GsonFormat、HttpUrlConnection封装、线程池、GsonFormat解析Json、自动加载下一页、自定义组件、页头页尾刷新、侧滑删除】
2020-04-07 星期二 [第8周] [考试不考...] 目录思维导图安装GsonFormat插件添加网络访问权限 GitHub---HttpUrlConnection封装线程池 G ...
Bootstrap组件_巨幕，页头，缩略图
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
html转word 页头页脚代码示例
文章目录原版word代码使用的插件是jQuery-WordExport.js来加页头页脚原版word代码方便理解 <html xmlns:v="urn:schemas-micr ...
关于在页头写Tabs的两种写法
最近有一个需求,需要将antdesign的Tab组件放在页头,而内容分离到页面内容,做成这样的效果: 想要实现这样的写法,要在页头组件PageHeaderLayout里下文章,这里总结两种写法,分别是 ...
Lodop分页打印每页显示页头页尾
Lodop分页打印页头页尾问题 1. Lodop页头页尾打印标签 1.1 caption标签:caption标签的内容只显示在首页 1.2 thead标签: 页头标签, 此标签的内容为页头, 显示在每 ...
html静态页面引入公用组件, 开启SSI配置使shtml支持include公用的页头页脚
转自 : http://www.phpvar.com/archives/3278.html 这是文章是为了实现前端人员编写编写项目众多静态文件时,能像php等开发语言一样使用include将页面公有的 ...
html打印自定义页头,CSS实现打印网页自定义页眉页脚
打印网页时需设置自定义的页眉页脚,CSS没法直接设定:但可以利用table的特性,间接实现类似的效果: 实现效果网页结构代码 /* @media print 限定样式,只作用于打印页 */ /* @ ...
在页头区域添加logo图像HTML,如何在表格中嵌入企业logo图片？分享两种方法
编制企业报表,我们可以在每一页表格中插入企业 Logo ,起到一个标识作用,那么问题来了,如何在表格中嵌入企业 Logo 图片?本文就以 WPS 表格为例,简单介绍在表格每一页固定插入企业 Logo ...

036_PageHeader页头

036_PageHeader页头相关推荐

最新文章

热门文章