微信小程序动态设置标题

1、页面固定标题内容设置:在 .json文件内设置

//页面标题代码在example.json文件中的书写格式
{
    "navigationBarTitleText": "充值业务"
}

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 () {
    // 页面关闭
  }
})


未经允许不得转载:Web前端开发资源网 » 微信小程序动态设置标题

推荐阅读:

WebStorm怎么设置实现自动编译less文件

JavaScript的引入方式和基本属性

利用css中的伪类 给元素设置特殊样式效果

jquery导航栏点击及页面跳转后对应栏目添加选中效果

联通沃云服务器拒绝连接请求如何开放端口

赞 (1)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)