动态设置微信小程序页面标题(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]}日作答详情`,
    });
  },

结果展示:

相关推荐
说私域8 小时前
公域流量向私域流量转化策略研究——基于开源AI智能客服、AI智能名片与S2B2C商城小程序的融合应用
人工智能·小程序
半生过往8 小时前
微信小程序文件下载与预览功能实现详解
微信小程序·小程序·notepad++·压缩包下载解压
源码_V_saaskw8 小时前
JAVA图文短视频交友+自营商城系统源码支持小程序+Android+IOS+H5
java·微信小程序·小程序·uni-app·音视频·交友
weixin_lynhgworld11 小时前
淘宝扭蛋机小程序系统开发:重塑电商互动模式
大数据·小程序
996幸存者12 小时前
uni-app区域选择、支持静态、动态数据
微信小程序·uni-app
ᥬ 小月亮14 小时前
Uniapp编写微信小程序,绘制动态圆环进度条
微信小程序·小程序·uni-app
The_era_achievs_hero21 小时前
UniappDay03
vue.js·微信小程序·uni-app
说私域1 天前
技术赋能与营销创新:开源链动2+1模式AI智能名片S2B2C商城小程序的流量转化路径研究
人工智能·小程序·开源
游戏开发爱好者82 天前
没有 Mac,如何上架 iOS App?多项目复用与流程标准化实战分享
android·ios·小程序·https·uni-app·iphone·webview
weixin_lynhgworld2 天前
代驾小程序系统开发:引领出行行业数字化转型
小程序