Skip to content

Header 页头

简介

PlusHeader 页面头部。

基础用法

自定义左侧和右侧 (renderHeaderLeft/renderHeaderRight)

自定义左侧和右侧 (插槽)

用户下拉自定义

Header API

Header Attributes

名称说明类型默认值是否必须
logologostringhttps://plus-pro-components.com/logo.png
titleel-date-picker 的类型stringPlusProComponents
trigger名称头像下拉触发方式string click
hasUserInfo是否需要用户信息booleantrue
userInfo用户信息object {}
logoutText退出登录文字string退出登录
dropdownList下拉其他选项array[]
renderHeaderLeft自定义左侧function
renderHeaderRight自定义右侧function

Header Events

名称说明类型
clickDropdownItem点击下拉单项时触发function

Header Slots

插槽名说明作用域插槽参数
header-left自定义头部左侧{logo,title}
header-right自定义头部右侧{userInfo,title}