Header
顶部导航栏,支持显示按钮、自定义文字和固定在顶部。Demo
引入
import { Header } from 'vue-pmui';
// 全局使用
Vue.component(Header.name, Header);
// 或者
Vue.use(Header);
例子
定义标题
<pm-header title="我是标题" />
固定在顶部
<pm-header title="我是标题" fixed/>
左右插槽
<pm-header title="右侧纯文字">
<span slot="right">分享</span>
</pm-header>
<pm-header title="右侧按钮">
<pm-button slot="right">分享</pm-button>
</pm-header>
标题自定义
<pm-header title="中间插槽">
<input type="text" value="中间插槽">
</pm-header>
Props
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
title | Header标题 | String | ||
fixed | 是否固定在顶部 | Boolean | false |
Slots
Name | 描述 |
---|---|
default | 导航栏标题部分插槽,覆盖title属性的标题 |
left | 导航栏左侧插槽,默认自带一个后退按钮 |
right | 导航栏右侧插槽 |