【微信小程序自学之路】如何修改page标题

微信小程序 如何修改 page 标题

全局导航栏标题navigator

.json 文件在小程序起到重要的配置作用

整个程序的默认导航栏标题,小程序有个默认行为

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{
"pages": [
"pages/login/login",
...
],
"window": {
"backgroundColor": "#F6F6F6",
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#F6F6F6",
"navigationBarTitleText": "一个面试题",
"navigationBarTextStyle": "black"
},
...
}

这个 navigationBarTitleText 就是我们全局的导航栏标题了

有这个配置,默认情况下,所有的页面page导航栏标题都是 一个面试题

如果我们个别页面需要单独配置呢?

个别页面page的导航栏标题

我们还是看每个page模块下的 .json 配置

1
2
3
4
5
6
{
"navigationBarTitleText": "关于",
"usingComponents": {
"mp-msg": "/weui/msg/msg"
}
}

每个page下的json文件虽然没有默认加一些参数配置,但是我们可以自己按情况添加

navigationBarTitleText 就可以设置单个页面的导航标题了 navigator

我们还可以动态设置页面的导航标题

1
2
3
wx.setNavigationBarTitle({
title: res.data.nav_name,
});

这几种方式都能修改page的导航标题


微信小程序 导航菜单
坚持原创技术分享,谢谢鼓励我继续创作!