微信小程序修改页面标题怎么做?

　　微信小程序修改页面标题怎么做?在进行微信小程序页面开发的时候，是可以修改微信小程序页面的标题的，之所以要修改微信小程序页面标题，目的都是为了提高微信小程序用户的体验哦。

　　微信小程序修改页面标题怎么做?

　　为提高微信小程序用户体验，原则上设计页面时，页面顶部标题应随内容不同进行修改。

　　微信小程序固定架构如下：

　　pages

　　example

　　example.js

　　example.json

　　example.wxml

　　example.wxss

　　utils

　　app.js

　　app.json

　　app.wxss

　　微信小程序默认架构中存在全局设置文件app.json，用以设置跳转页面链接、窗体格式、TabBar以及网络超时等。

　　页面标题有两种需求存在：页面功能固定(如：设置功能、个人信息展示功能)，该类页面可采用在小程序功能页面配置.json文件的形式;另一类需求为页面内容与业务关联*比较强，需要从数据库中获取数据后方可确定页面标题，该类页面需在功能页面加载时采用动态设置的方式。

　　1.页面标题内容固定

　　1.1示例：

　　//页面标题代码在example.json文件中的书写格式

　　{

　　"navigationBarTitleText": "充值业务"

　　}

　　1.2示图：

　　2. 随小程序数据库返回内容动态更新页面标题

　　//example.js加载时动态设置页面标题

　　//获取应用实例

　　var app = getApp();

　　Page({

　　data: {},

　　onLoad: function (options) {

　　var that = this;

　　that.setData({

　　mername: options.mername//options为页面路由过程中传递的参数

　　})

　　wx.setNavigationBarTitle({

　　title: that.data.mername//页面标题为路由参数

　　})

　　},

　　onReady: function () {

　　// 页面渲染完成

　　},

　　onShow: function () {

　　// 页面显示

　　},

　　onHide: function () {

　　// 页面隐藏

　　},

　　onUnload: function () {

　　// 页面关闭

　　}

　　})

　　以上是微信小程序修改页面标题怎么做的全部内容，为了提高微信小程序用户的体验，如果你要修改微信小程序页面的标题时，您可以参考以上的方法去进行微信小程序页面的修改。请多多关注微小乔。

相关推荐：

　　小程序修改数据页面不渲染怎么解决

　　微信小程序授权登录页面怎么开发

　　小程序开放更多页面内能力，让开发者更好地使用体验