欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 汽车 > 时评 > 动态设置微信小程序页面标题(navigationBarTitleText属性)

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

2025/6/5 15:31:10 来源:https://blog.csdn.net/gurenchang/article/details/148307408  浏览:    关键词:动态设置微信小程序页面标题(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]}日作答详情`,});},

结果展示:
 

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词