uniapp HBuilder navigationBarTitleText不显示

最新推荐文章于 2024-04-26 14:03:58 发布
最新推荐文章于 2024-04-26 14:03:58 发布
阅读量391 收藏 5
点赞数 6
分类专栏： uniapp vue 文章标签： uniapp uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43462310/article/details/137999702
版权
本文讲述了在使用HBuilderX3.99时遇到的问题，即navigationBarTitleText配置被page.json中的默认值覆盖。解决方法是删除或注释掉导致冲突的代码，确保在微信开发者工具中生效可能需要重新编译。还提到另一种可能的原因——页面未正确添加到pages.json中。
摘要由CSDN通过智能技术生成

1. 问题如下

在这里插入图片描述

2. 代码

在这里插入图片描述

3. 问题描述

是 HBuilderX(3,99) 的缺陷，在 page.json 中进行相关配置时会自动生成两条页面配置样式

在这里插入图片描述

其中 navigationBarTitleText 默认为空，所以在 globalStyle 中配置会被覆盖，即 globalStyle 中 navigationBarTitleText 并不会生效

4. 解决方案：删除或注释上述代码

如：
在这里插入图片描述
保存后生效（如果在微信开发者工具中不生效重新编译一下）

在这里插入图片描述

5. 其他原因

也可能是其他原因，如：

  • 没把页面放在 pages.json 中 pages 中
Morator-design
关注
  • 6
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uniapp -- 在组件中拿到pages.json下pages设置navigationBarTitleText这个值？
King Saj
08-26 1645
这样，你就能够在组件中获取到当前页面的 navigationBarTitleText 的值了。
UniApp 获取当前页面标题（navigationBarTitleText）
卡尔特斯
07-27 7504
需求当在自定义导航栏，封装好导航栏后，希望在页面使用时，自动获取到。，这样就不需要再每个页面手动的写一遍了，直接走配置文件即可。中配置的当前页面的标题。
关于微信小程序中navigationBarTitleText显示不出来
最新发布
weixin_53338045的博客
04-26 413
解决方案：
(uni-app)navigationBarTitleText标题不显示
weixin_38083551的博客
03-12 2045
原因是，虽然globalStyle中配置了navigationBarTitleText，但是pages中各个页面同样配置了navigationBarTitleText，这样一来pages中的会覆盖globalStyle中的全局配置，特别是刚创建的项目容易出现这样的问题。
uniapp navigationBarTitleText 不显示问题
Strive_Limingyun的博客
03-07 911
navigationBarTitleText 设置之后不显示问题
uniapp 设置globalStyle navigationBarTitleText 不显示
abccbatqw的博客
04-04 570
这里实际上设置了navigationBarTitleText 为"" 所以不会使用全局的设置。设置全局的navigationBarTitleText但是没有显示。解决方法就是直接将这一行代码删除。
uniapp在页面中中获取pages.json下pages设置navigationBarTitleText这个值?uniapp获取页面标题
fendo
03-08 1289
有个需求就是,在app.vue页面中首先会隐藏所有页面的title,然后在相应的页面会判断当前环境是否是在微信浏览器内，如果不是，则还原标题。
HBuilderX入门uniapp
09-26
采用HBuilderX开发的基础uniapp项目，包含主页转登录及注册页面，适合微信等小程序开发者学习参考。
HBuilderX uniapp打包内存溢出解决放案.zip
05-20
uniapp项目体量过大时，打包H5会报错， - process out of memory 解决放案： 替换HBuildX内置\HBuilderX\plugins\node\node.exe版本 添加\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\...
uniapp+vue3+unocss示例，解压即用 已经各种配置好了的模板，导入Hbuilder课直接运行
02-22
除去的安装配置繁琐操作，直接解压导入HbuilderX就可以用，完全可以直接当初始unocss项目。 vite.config.js、unocss.config.js、main.js已经配置好，其中主题在unocss.config.js可以随意更改成自己喜欢的样式。 项目...
移动端页面在ios中不显示图片的解决方法
08-28
下面小编就为大家带来一篇移动端页面在ios中不显示图片的解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
微信小程序tabbar不显示解决办法
01-03
微信小程序tabbar不显示解决办法 pages:[ pages/logs/logs, pages/index/index ], 微信小程序在测试tabbar的时候怎么都不显示。 我就不贴api了。直接上代码 { pages:[ pages/logs/logs, pages/index/index ], window:{ backgroundTextStyle:light, navigationBarBackgroundColor: #fff, navigationBarTitleText: 小程序
uniapp自封色块数据显示组件
01-10
uniapp自封色块数据显示组件，自适应宽度与数据数量。
uni-app获取当前页面标题
xyt670477556的博客
12-06 3138
uni-app获取当前页面标题 亲测有效
【uniapp】动态设置页面标题/动态获取页面标题
m0_65904153的博客
12-18 2633
业务涉及到动态设置后动态去获取设置后的标题就没看到有人回答（不知道是不是我不会找）根据我查看页面放回信息，终于发现动态设置后标题的方法。
backgroundcolor 小程序_微信小程序：动态设置页面标题、导航条
weixin_39989159的博客
12-29 1024
前言navigationBarTitleText用于小程序设置当前页面标题，可以给每个页面设置独立的标题，但是这样不能满足一些特殊业务场景；比如说商城，商品详情页面的标题，会根据获取到的数据动态修改，下面就来说说如何动态修改标题以及导航条相关设置。正文一、wx.setNavigationBarTitle1.设置整个小程序通用标题，在app.json里设置："window": { "navi...
【微信小程序创作之路】- 小程序窗口整体配置（导航栏、标题）
ProGram_Java521的博客
07-14 6805
本章主要介绍小程序窗口导航栏、窗口下拉、窗口上拉、标题等设置。以上就是今天要讲的内容，本文简单介绍了全局app.json文件中入口文件的配置、页面配置Pages、全局默认窗口配置window和底部tab栏配置tabBar使用，下一章我们将讲解小程序JS文件调用后端接口。
uniapp修改顶部导航标题navigationBarTitleText
热门推荐
weixin_46752896的博客
08-04 1万+
方式一： 在pages.json中，pages配置当前页面下的style==>navigationBarTitleText即可。 "pages": [ { "path": "pages/index/index", "style": { "navigationBarTitleText": "首页" } }, { "path":"pages/person/person", "style": { "navigationBarTitleText": "
微信小程序“navigationBarTitleText“: “全民优购“不显示
qq_44776454的博客
08-11 5107
微信小程序"navigationBarTitleText": "全民优购"不显示
navigationBarTitleText
07-27
navigationBarTitleText是用于设置导航栏标题文字的属性。在微信小程序中，可以通过在app.json的window字段中设置navigationBarTitleText来进行全局配置，也可以在每个页面的配置中单独设置navigationBarTitleText属性。在pages.json中的globalStyle字段中也可以设置全局的navigationBarTitleText属性。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* [微信小程序导航栏标题配置navigationBarTitleText及动态设置setNavigationBarTitle方法](https://blog.csdn.net/wzp20092009/article/details/100122204)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [微信小程序navigationBarTitleText导航栏标题设置](https://blog.csdn.net/q4717529/article/details/118419816)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [前端学习（2347）：创建新页面和配置](https://blog.csdn.net/weixin_43392489/article/details/108833348)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值