动态设置微信小程序页面标题（navigationBarTitleText属性）

前言：

最近在公司进行小程序研发的时候，产品给出了一个动态加载页面标题的需求，经过调研之后将结果在这里与各位伙伴进行分享。

代码展示：

在.json文件中进行初始配置：

{

"usingComponents": {},

"navigationBarTitleText": "作答详情"

}

在.js文件中的onLoad钩子中心使用wx.setNavigationBarTitle进行更改：

  onLoad(options) {
    this.setData({
      recordDate: options.recordDate,
    });
    wx.setNavigationBarTitle({
      title: `${this.data.recordDate.split("-")[0]}年${
        this.data.recordDate.split("-")[1]
      }月${this.data.recordDate.split("-")[2]}日作答详情`,
    });
  },

结果展示：