uniapp打包成apk文件后,在pages.json里面配置的navigationBarTitleText都没了,现在app所有页面都没有头部,该怎么添加
时间: 2024-02-03 07:13:08 浏览: 139
uniapp引导组件,直接在需要添加引导的页面引入即可
5星 · 资源好评率100%
在Uniapp中,可以在App.vue中设置全局的导航栏样式。在App.vue中添加以下代码:
```html
<template>
<div>
<nav-bar :title="title"></nav-bar>
<router-view></router-view>
</div>
</template>
<script>
export default {
data() {
return {
title: ''
}
},
onShow() {
// 获取页面配置
const pages = getCurrentPages()
const currentPage = pages[pages.length - 1]
const options = currentPage.options
const pagePath = `/${currentPage.route}`
// 获取当前页面的导航栏标题
const page = __uniConfig.pages.find(item => item.path === pagePath)
this.title = page.navigationBarTitleText || page.title || ''
// 更新导航栏标题
uni.setNavigationBarTitle({
title: this.title
})
}
}
</script>
```
这样,在每个页面中,会自动根据pages.json中的navigationBarTitleText来设置导航栏标题。如果某个页面不需要显示导航栏,可以在该页面的.vue文件中设置`<style scoped>:host { display: none; }</style>`来隐藏导航栏。
阅读全文