微信小程序导航栏标题配置navigationBarTitleText及动态设置setNavigationBarTitle方法-程序员宅基地

技术标签：学习动态设置导航栏标题微信小程序 navigationBarTitleText js setNavigationBarTitle

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page，它的主体部分由 app.js、app.json 和 app.wxss 三个存放在项目根目录的文件组成，而小程序具体的页面由 js、wxml、json、wxss四个存放在相应页面目录的文件组成。

像 导航栏标题文字内容 这些我们按照实际的需求去具体设置，比如如果需要对微信小程序进行全局配置，我们就在小程序根目录下 app.json 文件里设置，如果只是对本页面的窗口设置可以直接在页面目录下 json 文件进行配置，另外我们还可以在相关的 js 文件里调用 wx.setNavigationBarTitle 方法动态设置导航栏标题。

1. 全局配置

当需要微信小程序进行全局配置导航栏标题时

//	在根目录 app.json 里设置 navigationBarTitleText
{
    
	"window":{
    
		"navigationBarTitleText" : "设置 全局 导航栏标题文字"
	}
}

2.页面配置

直接需要指定页面配置导航栏标题时就到页面对应的目录下的 json 文件设置就好了

{
    
	"navigationBarTitleText" : "设置 指定页面 导航栏标题文字"
}

ps: 页面配置中相关设置对应全局配置 app.json 中 window 对应的配置项，如果在指定页面目录的 json 文件设置了就会在指定页面覆盖 app.json 中 window 对应的配置项，另外由于上述内容对应 app.json 中的 window 属性的原因在指定页面目录的 json 文件里是不需要写 window 这个属性。

3.动态设置

在所需动态配置导航栏标题处可以 js 动态设置当前页面的标题

wx.setNavigationBarTitle({
    
	title:"动态设置 指定页面 导航栏标题文字"
})

哈哈，发现没，文字很多会很超出去
在这里插入图片描述
值得注意的是，在动态设置导航栏标题文字时要在生命周期的 onReady 之后

onReady()
页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。

附上 setNavigationBarTitle 方法详细参数信息
Object object

属性	类型	必填	说明
title	string	是	页面标题
success	function	否	接口调用成功的回调函数
fail	function	否	接口调用失败的回调函数
complete	function	否	接口调用结束的回调函数（调用成功、失败都会执行）

在这里插入图片描述

本文链接：https://blog.csdn.net/wzp20092009/article/details/100122204

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

敏捷开发（scrum）简介-程序员宅基地

文章浏览阅读7.7k次，点赞6次，收藏61次。敏捷开发（scrum）是一种软件开发的流程，强调快速反应、快速迭代、价值驱动。Scrum的英文意思是橄榄球运动的一个专业术语，表示“争球”的动作；运用该流程，你就能看到你团队高效的工作。一、四大价值观（特点）敏捷开发的特点就是下面4句话：「个体与交互」胜过「过程与工具」「可以工作的软件」胜过「面面俱到的文挡」「客户协作」胜过「合同谈判」「响应变化」胜过「遵循计划」说明：（1）敏捷开发（scrum）适用于竞争激烈，快速变化的市场。敏捷的客户协作观念，快速迭代能帮助团队以最小成本，最快速_敏捷开发

string.h头文件和strings.h的区别-程序员宅基地

文章浏览阅读3.5k次。首先我们看一下man string 里面的内容：可见，strings 头文件中包含了部分函数，没有在 string.h 中出现的。上图的环境是 macOS Sierra 版本号为：10.12.6包括; index, rindex, strcasecmp, strncasecmp 这四个函数。为了一探这个头文件是不是只有macos 这种 Unix-like 系统中才出现。我在Linu..._strings.h

一、Jquery入门（超详）-程序员宅基地

文章浏览阅读4.3k次，点赞21次，收藏48次。本文将带领大家了解 jQuery 的定义，它有什么作用，我们为什么要学它，以及如何使用它，它的语法是什么，最后对比了 jQuery 对象和 DOM 对象的区别。_jquery

【SassError: expected selector报错用::v-deep 替换 /deep/的真实写法】_unexpected unknown pseudo-element selector "::v-de-程序员宅基地

文章浏览阅读2.7k次，点赞2次，收藏2次。关于SassError: expected selector报错 ::v-deep 替换 /deep/的正确替换方式_unexpected unknown pseudo-element selector "::v-deep

Linux学习笔记第0章:计算机概论_字长位宽-程序员宅基地

文章浏览阅读301次。0.1.0计算机本质计算机：接受用户输入的命令与数据，经由中央处理器的算术与逻辑单元运算处理后产生储存成有用的信息算术逻辑单元（Arithmetic&logical Unit：是中央处理器(CPU)的执行单元，是所有中央处理器的核心组成部分，由与门和或门构成的算术逻辑单元，主要功能是进行二位元的算术运算，如加减乘(不包括整数除法)。基本上，在所有现代CPU体系结构中，二进制都以补码的..._字长位宽

Curve25519 Field域2^255-19内的快速运算_curve25519标量乘-程序员宅基地

文章浏览阅读1.2k次，点赞3次，收藏3次。1. 引言对于Curve25519，其Field域内的module Fp = 2255-19。若采用常规的Montgomery reduce算法，其运算性能并不是最优的。如要求某整数 u mod (2^255-19)，可将m整数用多项式做如下表示：u=∑iuixi，其中，ui=n∗2⌈25.5i⌉，n∈Nu=\sum_{i}^{}u_ix^i，其中，u_i=n*2^{\left \lce..._curve25519标量乘

随便推点

Qt 22 布局管理器1 - QLayout，QBoxLayout，布局管理器的相互嵌套_qt layout可以嵌套layout吗-程序员宅基地

文章浏览阅读464次。布局管理器提供相关的类对界面组件进行布局管理能够自动排布窗口中的界面组件窗口变化后自动更新界面组件的大小QLayoutQLayout 是Qt 中布局管理器的抽象基类通过继承QLayout实现了功能各异且互补的布局管理器Qt中可以根据需要自定义布局管理器布局管理器不是界面部件，而是界面部件的定位策略QBoxLayout 布局管理器以水平或者垂直的方式管理界面组件水平：QHBoxLayout 水平布局管理器垂直：QVBoxLayout 垂直布局管理器sizePolicy:QSize_qt layout可以嵌套layout吗

error MSB6006 rc exe 已退出，代码为 5_vs2010报警 error msb6006: “rc.exe”已退出,代码为 5。-程序员宅基地

文章浏览阅读2.6k次。error MSB6006 rc exe 已退出，代码为 5_vs2010报警 error msb6006: “rc.exe”已退出,代码为 5。

如何用NAS打造私有协同办公系统？-程序员宅基地

文章浏览阅读6.2k次。对于人数不多的小型初创企业、工作室、SOHO人群来说，能够拥有自有的协同办公系统无疑是提高工作效率的好方法，同时将文件放在自己的服务器中，显然会更加安心，不用担心重要内容的泄露问题。因此，大家有没有这样想过，自己动手搭一套私有的、云端化的协同办公系统，搞定文件异地同步的同时，实现云端化的办公软件，并提升数据安全性。理想虽好，不过要亲手搞定这样的协同办公系统一定很困难吧？如果你真这样

假设你们的社团要精选社长，有两名候选人分别是A和B，社团每名同学必须并且只能投一票，最终的票多的人为社长。-程序员宅基地

文章浏览阅读33次。输出描述：一行，一个字符，A或B或E，输出A表示A得票数多，输出B表示B得票数多，输出E表示二人得票数相等。输入描述：一行，字符序列，包含A或B，输入以字符0结束。

BeanFactory和ApplicationContext有什么区别？_beanfactory和applicationcontext是干什么的-程序员宅基地

文章浏览阅读2.2k次，点赞2次，收藏2次。BeanFactory和ApplicationContext有什么区别？ BeanFactory和ApplicationContext是Spring的两大核心接口，都可以当做Spring的容器。其中ApplicationContext是BeanFactory的子接口。（1）BeanFactory：是Spring里面最底层的接口，包含了各种Bean的定义，读取bean配置文档，管理..._beanfactory和applicationcontext是干什么的

java 项目管理 maven2.0学习笔记 _apt fml fr-程序员宅基地

文章浏览阅读4.5k次。转贴:http://blog.csdn.net/shiqiang1234/archive/2006/10/12/1331725.aspxMaven简介Maven最初的目的是在Jakarta Turbine项目中使构建处理简单化。几个项目之间使用到的Ant build文件差异很小，各个JAR都存入CVS。因此希望有一个标准的方法构建各个工程，清晰的定义一个工程的组成，一个容易的方法去发布项目_apt fml fr