微信小程序动态更改标题栏_微信小程序：动态设置页面标题、导航条

前言

navigationBarTitleText用于小程序设置当前页面标题，可以给每个页面设置独立的标题，但是这样不能满足一些特殊业务场景；比如说商城，商品详情页面的标题，会根据获取到的数据动态修改，下面就来说说如何动态修改标题以及导航条相关设置。

正文

一、wx.setNavigationBarTitle

1.设置整个小程序通用标题，在app.json里设置：

"window": {

"navigationBarTitleText": "华美整呗"

}

2.单独设置页面标题，在对应页面json文件里设置(子页面设置会覆盖通用设置)：

{

"navigationBarTitleText": "首页"

}

3.动态设置，比如说：我们从接口拿到商品名称后，把商品名称设置到标题上

wx.request({

url: "请求接口url",

method: "POST",

data: {},

success: function (res) {

if (res.data.code == 200) {

// 修改navigationBarTitleText wx.setNavigationBarTitle({

title: goods_name

})

}

}

})

**