一种hybrid下命令式标题栏组件的实现

在 hybrid 的业务实践中,标题栏效果和顶部状态栏效果是绕不开的话题。

路由配置

基于此,我们需要保证尽量每次渲染的时候,尽可能早的按照配置进行渲染,而不是等到 router 的 afterEach 渲染完了标题栏之后,再去动态调整。

因此,我们希望再 TitleBar 组件的首次 setup 执行过程中,就直接读到 vue-router 配置的 meta 配置。

动态修改

api 暴露方式

挂载到 app 实例

app.setTitleBarOptions

挂载到 window

window.setTitleBarOptions