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

前言:

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

代码展示:

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

{

"usingComponents": {},

"navigationBarTitleText": "作答详情"

}

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

javascript 复制代码
  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]}日作答详情`,
    });
  },

结果展示:

相关推荐
汤姆yu4 小时前
基于微信小程序的学校招生系统
微信小程序·小程序·招生小程序
说私域11 小时前
基于开源AI智能名片链动2+1模式的S2B2C商城小程序:门店私域流量与视频号直播融合的生态创新研究
人工智能·小程序·开源
说私域14 小时前
传统微商困境与开源链动2+1模式、AI智能名片及S2B2C商城小程序的转型破局
人工智能·小程序·开源
一渊之隔14 小时前
微信小程序在用户拒绝授权后无法使用wx.opensetting再次获取定位授权
微信小程序·小程序
racerun18 小时前
微信小程序如何实现再多个页面共享数据
微信小程序·小程序
XM-545818 小时前
2025微信小程序wxapkg解包全攻略
linux·运维·小程序
HERR_QQ2 天前
【unify】unify的微信小程序开发学习 (to be continued)
学习·微信小程序·小程序
racerun2 天前
小程序导航设置更多内容的实现方法
小程序
说私域2 天前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的超级文化符号构建路径研究
人工智能·小程序·开源
mg6682 天前
微信小程序入门实例_____快速搭建一个快递查询小程序
微信小程序·小程序