Toolbar/Title

文档标题 / Title

设置顶部的title及document.title, 请使用ref获取Title组件的setTitle方法, 使用该方法会同步设置document.title(默认)

等级

只有在Navbar组件中的Title组件才会自动更新document.title的值,

如何引入

// 引入
import { Toolbar, Buttons, Title } from 'vimon'
// 安装
Vue.component(Toolbar.name, Toolbar)
Vue.component(Title.name, Title)
Vue.component(Buttons.name, Buttons)

如果在支付宝中

如果在支付宝中, 则使用支付宝的方式设置title及其壳子的title, 可用方法如下:

  • setTitle
  • reset
源码:
参考:

传入属性 / Props:

Name Type Attributes Default Description
mode String <optional>
 ios 模式
title String <optional>
 标题

对外事件 / Fires:

  • component:Title#title:click

用法 / Usages

```
<template>
 <Page>
   <Header>
     <Navbar>
       <Title ref="title">Demo</Title>
     <Navbar>
   </Header>
   <Content>
     <h1>这里是内容</h1>
   </Content>
 </Page>
</template>

...

computed: {
  titleComponent () {
    return this.$refs.title
  }
},
methods: {
  setAllTitle () {
     this.titleComponent.setTitle('title')
}
```